Code in Depth
370 subscribers
1 photo
60 videos
1 file
کانال آموزشی code in depth 💡
همراه با کلیپ های کوتاه در زمینه ی زبان JavaScript 📃

ویدئو ها، بصورت منظم از بحث Scope شروع شده است. در صورت تمایل به شروع از ابتدا، به ویدئو ی Scope : Introduction سر بزنید😉

انتقادات و پیشنهادات : @alious
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Lexical this & Arrow Functions

🕒 مدت ویدئو : 4 دقیقه و 47 ثانیه
🗒 پیش نیاز ها : This Binding Rules

🎞 خلاصه : توی این ویدئو، درباره دور زدن قانون مقدار دهی به This ، با کمک Lexical Scope و بعد کارکرد Arrow Function ها در این باره صحبت میکنیم.

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Objects & Primitives

🕒 مدت ویدئو : 4 دقیقه
🗒 پیش نیاز ها : Objects

🎞 خلاصه : توی این ویدئو، درباره ساختار داده توی جاوااسکریپت و معرفی کلی Object ها صحبت میکنیم.

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Objects Property Descriptors

🕒 مدت ویدئو : 6 دقیقه و 19 ثانیه
🗒 پیش نیاز ها : Objects

🎞 خلاصه : توی این ویدئو، درباره ویژگی های Property های آبجکت توی JavaScript صحبت میکنیم و کارکرد اونها رو با هم توی مثال های متفاوت می بینیم.

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Immutability in Objects

🕒 مدت ویدئو : 4 دقیقه و 3 ثانیه
🗒 پیش نیاز ها : Property Descriptors

🎞 خلاصه : توی این ویدئو، راجع به تغییر ناپذیری توی Object ها یا به بیان Immutability ، و راه های Immutable کردن Object ها با هم صحبت میکنیم

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Getters and Setters

🕒 مدت ویدئو : 5 دقیقه و 52 ثانیه
🗒 پیش نیاز ها : Property Descriptors

🎞 خلاصه : توی این ویدئو، درباره فرایند مقدار دهی و مقدار گیری پراپرتی ها توی آبجکت، و همینطور توانایی کنترل و تغییر این 2 فرایند رو بررسی میکنیم.

@CodeInDepth
Channel photo updated
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Existence & Enumeration

🕒 مدت ویدئو : 4 دقیقه و 26 ثانیه
🗒 پیش نیاز ها : Property Descriptors

🎞 خلاصه : توی این ویدئو، درباره بررسی دو ویژگی پراپرتی های آبجکت، یعنی بررسی وجود پراپرتی در آبجکت و بررسی توانایی شمارش در اونها با هم صحبت میکنیم.

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Symbol Type - Part 1

🕒 مدت ویدئو : 5 دقیقه و 52 ثانیه
🗒 پیش نیاز ها : Computed Property Names

🎞 خلاصه : توی این ویدئو، راجع به Type جدید Symbol صحبت میکنیم و ویژگی ها و کاربرد های اون رو در آبجکت ها با هم میبینیم.

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Symbol Type - Part 2

🕒 مدت ویدئو : 3 دقیقه و 42 ثانیه
🗒 پیش نیاز ها : Symbols

🎞 خلاصه : توی این ویدئو، در ادامه ویدئو پیش، درباره 2 ویژگی مهم دیگه توی این Type با هم صحبت میکنیم: Global Symbols و System Symbols

@CodeInDepth
Forwarded from Web Devs
#NewVersion
#ABluePersianDateTimePicker
توضیحات تکمیلی


نحوه استفاده از این picker به صورت زیر به صورت میلادی و شمسی می باشد . میتونید اچ تی ام ال این صفحه را مشاهده کنید و المنت های خودتونو به سادگی بسازید و به دلخواه css هارو تغییر دهید.
🔹 با اتریبوت زیر پلاگین فعال میشوند
data-abdatetimepicker="true"

🔹 با اتریبوت زیر روزهای قبل امروز غیر فعال میشوند

data-disablebeforetoday="true"

🔸 با اتریبوت زیر مشخص میکنید وقتی روی تاریخی انتخاب کردین مقدار کجا وارد شود

data-targetselector="[data-name='end-date']"

🔹 با اتریبوت زیر میتونید تعیین کنید با کدام ایونت روی المنت فعال شود مثل
data-trigger="click"

🔸 با اتریبوت زیر روزهای قبل امروز غیر فعال میشوند

data-disablebeforetoday="true"

🔹 با اتریبوت زیر میتوانید روزهای بعد از روز جاری را غیر فعال کنید:

data-disableaftertoday="true"

🔸 با اتریبوت زیر میتوانید تعیین کنید وقتی پلاگین باز میشود در کجای المنت باز شود مثلا وقتی میخوایین بالای المنت پلاگین باز شود :
data-Placement="top"

🔹 با اتریبوت زیر میتونید تاریخ میلادی را استفاده کنید

data-isgregorian="true"

🔸 با اتریبوت زیر میتونید ساعت دقیقه ثانیه رو نمایش ندید

data-enabletimepicker="true"

البته یه سمپل page زمانی که پکیج رو نصب کنید توی فولدر Static به نام SampleDateTime.html اضافه خواهد شد که شما میتونید سمپل تگ استفاده از این پلاگین رو ببینید.

✔️ ورژن جدید ریلیز شده :

Install-Package ABluePersianDateTimePicker -Version 1.0.5
dotnet add package ABluePersianDateTimePicker --version 1.0.5
<PackageReference Include="ABluePersianDateTimePicker" Version="1.0.5" />
paket add ABluePersianDateTimePicker --version 1.0.5

@fullStackDevs
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Object Oriented Concept

🕒 مدت ویدئو : 5 دقیقه و 16 ثانیه
🗒 پیش نیاز ها : —

🎞 خلاصه : توی این ویدئو، مبحث شی گرایی یا Object Oriented رو شروع میکنیم و در ابتدا، یک توضیح کلی درباره مفاهیم و اصول این ساختار، ارائه میدیم.

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Classes

🕒 مدت ویدئو : 5 دقیقه و 11 ثانیه
🗒 پیش نیاز ها : Object Oriented Concept

🎞 خلاصه : توی این ویدئو، اول به این سوال پاسخ میدیم که توی JS، مفهوم کلاس وجود داره یا نه ، و بعد درباره Class توی مفهوم شی گرایی و جایگاهش توی این مفهوم صحبت میکنیم

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Class Inheritance

🕒 مدت ویدئو : 3 دقیقه و 31 ثانیه
🗒 پیش نیاز ها : Object Oriented Concept - Classes

🎞 خلاصه : توی این ویدئو، درباره اصل ارث بری یا Inheritance، مثالش در دنیای واقعی و پیاده سازی این اصل در کد صحبت میکنیم.

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Polymorphism

🕒 مدت ویدئو : 5 دقیقه و 5 ثانیه
🗒 پیش نیاز ها : Object Oriented Concept - Classes

🎞 خلاصه : توی این ویدئو، درباره اصل Polymorphism صحبت میکنیم و به پیاده سازی این اصل توی کد میپردازیم .

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Prototype

🕒 مدت ویدئو : 5 دقیقه و 56 ثانیه
🗒 پیش نیاز ها : Object Oriented Concept

🎞 خلاصه : از این ویدئو به بعد،یک بحث بسیار کلیدی توی JavaScript، یعنی prototype ها رو با هم شروع میکنیم و در این ویدئو درباره چیستی و طریقه کارکرد این مکانیزم در JavaScript با هم صحبت میکنیم

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: How JS Uses Prototypes

🕒 مدت ویدئو : 3 دقیقه و 53 ثانیه
🗒 پیش نیاز ها : Object Oriented Concept

🎞 خلاصه : در این ویدئو، درباره ساختار JS که بر پایه Prototype ها هست صحبت میکنیم و توی مثال های متفاوت، پیاده سازی این ساختار رو با هم میبینیم.

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Shadowing Prototypes

🕒 مدت ویدئو : 5 دقیقه و 4 ثانیه
🗒 پیش نیاز ها : Object Oriented Concept , Property Descriptors , Getters and Setters

🎞 خلاصه : در این ویدئو، به ویژگی Shadowing در اضافه کردن Property ها به آبجکت میپردازیم و در رابطه با حالت های مختلف اضافه کردن Property به آبجکت صحبت میکنیم.

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Class Functions

🕒 مدت ویدئو : 4 دقیقه و 34 ثانیه
🗒 پیش نیاز ها : Object Oriented Concept , Classes, Prototypes

🎞 خلاصه : در این ویدئو، درباره تعریف کلاس توی JavaScript صحبت میکنیم و ویژگی ها و تفاوت های اون رو با کلاس های زبان های شی گرا بررسی میکنیم.

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Prototypical Inheritance

🕒 مدت ویدئو : 2 دقیقه و 54 ثانیه
🗒 پیش نیاز ها : Classes, Class Functions

🎞 خلاصه : توی این ویدئو، راجع به مفهوم شی گرایی توی JS ، نوع کارکرد اون با استفاده از مکانیزم Prototype و همچنین تفاوت اون با زبان های شی گرا صحبت میکنیم .

@CodeInDepth
This media is not supported in your browser
VIEW IN TELEGRAM
🎬 This & Object Prototypes: Constructor

🕒 مدت ویدئو : 2 دقیقه و 29 ثانیه
🗒 پیش نیاز ها : Classes, Class Functions

🎞 خلاصه : توی این ویدئو، درباره مفهوم Constructor در فانکشن ها و کلاس های ES6 با هم صحبت میکنیم و میبینیم که هر کدوم چه کارکردی در کد ما دارن

@CodeInDepth