🔺توی این وبسایت می‌تونین کلی کتاب درباره زبان‌ها و فریم‌ورک‌های مختلف پیدا کنین:
https://goalkicker.com

- کتاب‌های جالبی هستن و بیشتر بدرد دوره کردن می‌خورن 👌

#links

🔺تیم توسعهٔ مایکروسافت در حال آماده‌سازی و معرفی یک طرح پیشنهادی برای پشتیبانی مرورگرها از #تایپ‌اسکریپت هستن:

https://devblogs.microsoft.com/typenoscript/a-proposal-for-type-syntax-in-javanoscript

- موافقین یا مخالف؟ با ایموجی‌های 👍 و 👎 رای بدین

#javanoscript

🔺تفاوت Unit Test و Integration Test

- هر دو پنجره سالم هستن و به تنهایی درست کار می‌کنن. ولی مشکل و ناسازگاری زمانی به وجود میاد که کنار هم قرار می‌گیرن

» Credits
#tips

🔺بازی‌هایی که با هدف یادگیری Flexbox و Grid طراحی شدن:

• Flexbox Froggy
• Flexbox Defense
• Knights of the Flexbox Table
• Flex Box Adventure
• Flexbox Zombies
• Grid Garden
• Grid Attack

» Credits
#links

🔺اسکریپت‌های defer و async چی هستن و چه فرقی با هم دارن؟ 🤔

- اینها Attribute هایی هستن که ما توی HTML به تگ‌های noscript نسبت می‌دیم

ــ defer به مرورگر میگه منتظر نباش تا من لود بشم. بنابراین مرورگر میره به ادامه پردازش صفحه می‌پردازه. اون اسکریپت توی بک‌گراند لود میشه و به محض اینکه DOM به‌طور کامل ساخته شد اجرا میشه. defer باعث وقفه توی کار مرورگر نمیشه

ــ async هم توی بک‌گراند لود و به محض لود شدن اجرا میشه. DOM و بقیه اسکریپت‌ها منتظر این اسکریپت نمی‌مونن و کاملاً مستقل از همدیگه به کارشون می‌پردازن. به بیان ساده‌تر، اسکریپت async به محض اینکه لود شد اجرا میشه

- توی defer یک اسکریپت زمانی اجرا میشه که DOM کاملاً توسط مرورگر پردازش شده باشه. اما async به این توجه نمی‌کنه که آیا DOM لود شده یا نه و یا مرورگر هنوز مشغول پردازش صفحه هست یا نه

- این Attribute ها فقط باید به تگ‌های noscript نسبت داده بشن که قراره یک اسکریپت خارجی رو لود کنن

- جزییات بیشتر:
https://ditty.ir/490

#tips

🔺توی جاوااسکریپت متدهای seal و freeze چه فرقی با هم دارن؟ 🤔

#javanoscript

🔺خروجی چیه؟ 🤔
- با این ایموجی‌ها نشون بدین:

ــ 1 👍
ــ 2 👏
#quiz

🔺با اون زبان و ابزار و فریم‌ورک و کتابخونه و ... که می‌خوای توی ۱۴۰۱ بترکونی، سال جدید رو تبریک بگو 👇👏😉🎉

#HAPPYNEWYEAR

🔺دوستان و همراهان عزیز، امیدوارم سال قشنگی داشته باشین و هر چی #باگ دارین به #فیچر تبدیل بشه 😉🌹🤲

#HAPPYNEWYEAR

🔺توی CSS یک تابع وجود داره به اسم element که از یک المنت توی صفحه، یک تصویر تولید می‌کنه که برای مثال می‌تونه به عنوان تصویر توی پراپرتی background-image قرار بگیره

- هر وقت المنت مد نظر آپدیت بشه، اون تصویر هم آپدیت میشه

- در حال حاضر فقط فایرفاکس از این تابع پشتیبانی می‌کنه

- یک نمونهٔ پیاده‌سازی شده رو می‌تونین از اینجا ببینین که یک Minimap مثل ادیتورها و IDE ها درست کرده (با فایرفاکس ببینین):
stefanjudis.com/a-firefox-only-minimap

#css

🔺۲ متد جدید قراره به جاوااسکریپت اضافه بشه به اسم‌های findLast و findLastIndex که مشابه متدهای find و findIndex هستن، اما از انتهای آرایه شروع به جستجو می‌کنن

- اطلاعات بیشتر:
github.com/tc39/proposal-array-find-from-last

#javanoscript

🔺این کد رو یکی از دوستان منتشر کرد و گفته بود این سوالی بود که توی مصاحبه ازش پرسیدن

- توی این کد باید بدونیم که حلقهٔ while هیچوقت به پایان نمی‌رسه. به این دلیل که هیچوقت نوبت به اجرای setTimeout نمی‌رسه که x رو false کنه

- دلیل این اتفاق رو می‌دونین؟ توی کامنت‌ها بگین 👇👏

#javanoscript

🔺به جدیدترین نسخهٔ VS Code یک قابلیت اضافه شده به اسم Local History که شباهت زیادی به کارایی Git داره اما به صورت لوکال و شخصی عمل می‌کنه

ــ Local History تغییراتی که به فایل‌ها می‌دیم رو ثبت می‌کنه، به طوری که حتی با بسته شدن VS Code، تغییرات قبلی باز هم قابل مشاهده هست و در صورت لزوم می‌تونیم فایل رو برگردونیم به حالت قبل
#vscode

🔺الگوی Event Delegation توی جاوااسکریپت چیه؟ 🤔

- از این الگو هنگام کار با DOM و مدیریت کردن رویدادها استفاده می‌کنیم و با اون می‌تونیم کدهایی تمیزتر و با قابلیت توسعهٔ بیشتری داشته باشیم

- برای مثال چندین المنت مشابه داریم و می‌خوایم onclick همهٔ این المنت‌ها رو مدیریت کنیم. این الگو کمک می‌کنه این کار رو با نوشتن کدهای کمتر و خواناتر انجام بدیم 👌

- با این الگو اینجا آشنا بشین:
https://ditty.ir/492

#javanoscript

🔺اگه یک ورودی از نوع number داریم، می‌تونیم هنگام خوندن مقدار اون، از valueAsNumber استفاده کنیم تا چیزی که تحویل می‌گیریم از نوع number باشه (اگه از value. استفاده کنیم، خروجی همیشه string هست)

- همچنین اگه نوع ورودی date هست، می‌تونیم از valueAsDate استفاده کنیم تا چیزی که تحویل می‌گیریم نوعی از آبجکت Date باشه

#html #javanoscript

🔺اعتبارسنجی فرم‌های HTML آسون‌تر از همیشه 😋

- با کمک دوستان، ابزاری رو توسعه دادیم که بتونیم با کمترین کد و به ساده‌ترین حالت، یک فرم HTML رو اعتبارسنجی کنیم (مثل عکس)

- اسمش رو گذاشتیم Facile Validator (فَسیل ولیدیتور) که اون رو به تازگی و به صورت رسمی ریلیز کردیم

- مستندات انگلیسی
- مستندات فارسی
- دمو

- خوشحال می‌شیم استفاده کنین، معرفی کنین و با Star هاتون توی گیت‌هاب از پروژه حمایت کنین 🌹

#tools

🔺چرا از await توی حلقه‌ها استفاده نکنیم؟ 🤔

- یکی از هدف‌های async/await پیاده‌سازی قابلیت پردازش موازی و مدیریت کردن عملیات ناهمگام هست

- وقتی توی هر پیمایشِ حلقه از await استفاده می‌کنیم، یه جورایی مزیت‌های پردازش موازی رو نادیده گرفتیم

- توی این شرایط، عملیات موازی نیست. بلکه متوالی هست. چونکه پیمایش بعدی باید صبر کنه تا عملیات ناهمگام فعلی تموم بشه. پس بهتره کاری کنیم که عملیات ناهمگام بصورت موازی اجرا بشن

- بهتره توی حقله منتظر نتیجهٔ عملیات ناهمگام نباشیم. تک تک این عملیات رو توی یک آرایه قرار بدیم و نهایتاً بیرون از حلقه از ()Promise.all استفاده کنیم تا از مزیت پردازش‌های موازی استفاده کرده باشیم (مثل عکس)

ویرایش: منظور از پردازش موازی، اجرای موازی عملیات ناهمگام هست

- منبع ۱
- منبع ۲
#javanoscript

🔺توابع Pure و Impure چی هستن؟ 🤔

- این یکی از رایج‌ترین سوالات مصاحبه هست و می‌تونه تا حد زیادی سطح مصاحبه‌شونده رو مشخص کنه

- تابع Pure به تابعی گفته میشه که خروجی اون با توجه به ورودی که می‌گیره قابل پیش‌بینی هست. همچنین با اطلاعات بیرون از حوزهٔ خودش (مثل متغیرها و توابع دیگه) کاری نداره و حواسش به کار خودش هست

- تابع Impure به تابعی گفته میشه که خروجی اون معمولاً غیر قابل پیش‌بینی هست و همچنین نسبت به اطلاعات و دنیای بیرون از خودش کنجکاو هست و توی کار اونها دخالت می‌کنه

- با این توابع و همچنین مفاهیمی مثل Side Effect توی این پست آشنا بشیم:
ditty.ir/488

#tips