🎬 Scope : Modern Modules

🕒 مدت ویدئو : 1 دقیقه و 22 ثانیه
🗒 پیش نیاز ها : JS Modules

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

@CodeInDepth

🎬 This & Object Prototypes: Why "This" ?

🕒 مدت ویدئو : 2 دقیقه و 20 ثانیه
🗒 پیش نیاز ها : JavaScript

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

@CodeInDepth

🎬 This & Object Prototypes: What Is not "this": Itself

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

🎞 خلاصه : از این ویدئو و ویدئوی بعدی، درباره مفاهیم رایجی که به اشتباه درباره This تو ذهن ما شکل گرفته صحبت میکنیم

@CodeInDepth

🎬 This & Object Prototypes: What Is not "this": Its Scope

🕒 مدت ویدئو : 1 دقیقه و 53 ثانیه
🗒 پیش نیاز ها : JavaScript

🎞 خلاصه : توی این ویدئو، در ادامه ویدئوی پیش، درباره یک غلط رایج دیگه درباره This صحبت میکنیم

@CodeInDepth

🎬 This & Object Prototypes: Call-Site

🕒 مدت ویدئو : 1 دقیقه و 56 ثانیه
🗒 پیش نیاز ها : JavaScript

🎞 خلاصه : این ویدئو، مقدمه ویدئو های بعدی توی بحث This هست. توی این ویدئو، درباره مکان کال شدن فانکشن یا Call Site و اهمیت اون با هم صحبت میکنیم.

@CodeInDepth

🎬 This & Object Prototypes: Default Binding

🕒 مدت ویدئو : 3 دقیقه و 3 ثانیه
🗒 پیش نیاز ها : IIFE, Let vs Var

🎞 خلاصه : توی این ویدئو و 3 ویدئوی بعدیش، درباره قوانین مقدار دهی به This توی جاوااسکریپت با هم صحبت میکنیم، این ویدئو هم درباره قانون اول اون یعنی Default Binding صحبت میکنیم.

@CodeInDepth

🎬 This & Object Prototypes: Implicit Binding

🕒 مدت ویدئو : 3 دقیقه و 55 ثانیه
🗒 پیش نیاز ها : Default Binding

🎞 خلاصه : توی این ویدئو هم در ادامه ویدئوی قبلی، درباره قانون دوم مقدار دهی به This ، یعنی Implicit Binding صحبت میکنیم

@CodeInDepth

🎬 This & Object Prototypes: Explicit Binding

🕒 مدت ویدئو : 6 دقیقه و 17 ثانیه
🗒 پیش نیاز ها : , Implicit Binding, Default Binding

🎞 خلاصه : توی این ویدئو هم درباره نوع سوم مقدار دهي به This ، يعني Explicit Binding و Hard Binding با هم صحبت ميکنيم

@CodeInDepth

🎬 This & Object Prototypes: New Binding

🕒 مدت ویدئو : 3 دقیقه و 18 ثانیه
🗒 پیش نیاز ها : , Implicit Binding, Default Binding

🎞 خلاصه : توی این ویدئو درباره New Operator و کارکردش توی جاوااسکریپت، و عملکردش توی مقداردهی به This با هم صحبت میکنیم

@CodeInDepth

🎬 This & Object Prototypes: 'This Binding' Ordering

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

🎞 خلاصه : توی این ویدئو درباره اولویت بندی قوانین مقداردهی به This صحبت میکنیم، مثلا اگر دو قانون با هم روی یک فانکشن وجود داشته باشه، کدوم یکی از اونها بر روی فانکشن ما اعمال میشه.

@CodeInDepth

🎬 This & Object Prototypes: Lexical this & Arrow Functions

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

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

@CodeInDepth

🎬 This & Object Prototypes: Objects & Primitives

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

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

@CodeInDepth

🎬 This & Object Prototypes: Objects Property Descriptors

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

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

@CodeInDepth

🎬 This & Object Prototypes: Immutability in Objects

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

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

@CodeInDepth

🎬 This & Object Prototypes: Getters and Setters

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

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

@CodeInDepth

🎬 This & Object Prototypes: Existence & Enumeration

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

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

@CodeInDepth

🎬 This & Object Prototypes: Symbol Type - Part 1

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

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

@CodeInDepth

🎬 This & Object Prototypes: Symbol Type - Part 2

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

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

@CodeInDepth

#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