🔺پیشنهاد می‌کنم بقیه آمار رو از سایتش ببینین. چونکه اطلاعات به صورت چارت‌هایی هست که خوب نمیشه عکس فرستاد:

» Libraries
» Front-end Frameworks
» Back-end Frameworks
» Build Tools

#stats

🔺پراستفاده‌ترین فریم‌ورک‌ها توی ۶ سال گذشته

#stats

🔺فرق Authorization و Authentication چیه؟ 🤔

ــ Authentication یعنی احراز هویت. یعنی بررسی کردن اینکه کاربر مورد نظر کی هست. برای مثال وقتی توی برنامه‌ای عملیات لاگین انجام می‌دیم، در واقع داریم Authentication انجام می‌دیم و می‌خوایم به برنامه بگیم که ما کی هستیم و هویت ما چیه

ــ Authorization یعنی اجازه یا مجوز. یعنی بررسی کردن اینکه کاربر مورد نظر اجازه انجام دادن یک کار خاص رو داره یا نه. برای مثال می‌خوایم بررسی کنیم که آیا یک کاربر اجازهٔ دسترسی به یک فایل رو داره یا نه. اینجا باید Authorization انجام بدیم و مجوزهای کاربر رو بررسی کنیم

- همونطور که می‌دونیم 403 HTTP یعنی Access Forbidden. این کد رو زمانی به کاربر نشون می‌دیم که می‌خوایم بهش بگیم «تو اجازهٔ انجام چنین کاری رو نداری». یعنی در شرایطی که کاربر شاید احراز هویت هم شده باشه، باز هم اجازهٔ انجام اون کار خاص رو نداره

- همچنین HTTP 401 یعنی Unauthorized. این کد رو زمانی نشون می‌دیم که کاربر چیزی رو درخواست کرده اما به درستی احراز هویت نشده

#tips

🔺هر کی گفت فرانت‌اند راحته این ویدئو رو بهش نشون بدین:

https://www.youtube.com/watch?v=Uo3cL4nrGOk

#javanoscript

🔺استفاده از CSS به عنوان زبان بک‌اند 😳

https://dev.to/thormeier/dont-try-this-at-home-css-as-the-backend-what-3oih

#links

🔺اگه می‌خواین یاد بگیرین که چطوری با تایپ‌اسکریپت توی Vue 3 کار کنین، ویدئوهای VueMastery رو ببینین که تا ۲۸ فوریه رایگان هست:
VueMastery.com/typenoscript-free-weekend

#vue

🔺ـ CORS چیه؟ 🤔

ــ CORS یکی از خطاهایی هست که اگه توسعه‌دهندهٔ فرانت‌اند باشین، روی مخ هست و اگه توسعه‌دهندهٔ بک‌اند باشین مفیده

ــ CORS یک قابلیت توی مرورگرها هست که به سرورها این امکان رو میده تا تعیین کنن که اطلاعات سرور (عکس، متن و ...) برای کدوم دامنه‌ها قابل دسترس باشه. وقتی درخواستی به یک سرور بزنیم و خطای CORS رو بگیریم، یعنی سرور اجازهٔ تعامل از سمت دامنه‌ای که این درخواست زدیم رو نداده 💔

- با این ویژگی اینجا بیشتر آشنا بشین:
ditty.ir/485

🔺ـHOF چیه؟ 🤔

ــ HOF مخفف Higher-order function هست و به تابعی گفته میشه که یکی از ویژگی‌های زیر رو داشته باشه:
۱. بتونه یک تابع رو به عنوان ورودی (آرگومان) بگیره
۲. بتونه یک تابع رو به عنوان خروجی return کنه

- توی زبان‌هایی که از این قابلیت پشتیبانی می‌کنن می‌تونیم Functional Programming انجام بدیم

- توی جاوااسکریپت متدهایی مثل map و filter که یک تابع رو به عنوان ورودی می‌گیرن HOF به حساب میان

- توی ری‌اکت هم یک اصطلاح داریم به اسم HOC که مخفف Higher-order component هست که به کامپوننتی گفته میشه که یک کامپوننت رو به عنوان ورودی می‌گیره یا یک کامپوننت دیگه رو به خروجی میده

#tips #react

🔺ـ Function Expression توی جاوااسکریپت چیه و چه کاربردهای منحصر به فردی داره؟ 🤔

- نسخه متنی:
https://ditty.ir/p/JmDWX

#javanoscript

🔺«رابطه نقشه برداری به شی» یعنی چی؟ 🤔

- همون ORM خودمونه که ویکی‌پدیا زحمت کشیده اسم اون رو فارسی ‌سازی کرده 😁

ــ ORM مخفف Object-Relational Mapping و تکنیکی هست که اجازه میده با استفاده از کدها و دستورات زبانی که داریم کار می‌کنیم با دیتابیس ارتباط برقرار کنیم، اطلاعات رو بخونیم و تغییر بدیم بدون اینکه با کدهای خام SQL سر و کار داشته باشیم

- از خوبی‌های استفاده از ORM اینه که یک لایه انتزاعی درست میشه. اگه در آینده نوع دیتابیس و ساختار دستورات SQL عوض بشه، لازم نیست کدهای برنامه‌ای که نوشتیم تغییر کنه

- یک خوبی دیگه استفاده از ORM اینه که برای مثال توی یک فایل جاوااسکریپتی برای کار با دیتابیس فقط با کدهای جاوااسکریپتی سر و کار داریم و پیچیدگی‌ها از قبل مخفی و کپسوله (Encapsulated) شدن

- از ORM های معروف میشه به Prisma و مانگوس (Mongoose) برای node و الوکوئنت برای لاراول اشاره کرد (البته مانگوس ODM هست ولی هدف مشابهی داره)

#tips

🔺جا داره با چندتا معادلِ فارسی ویکی‌پدیا برای اصطلاحات لاتین دنیای برنامه‌نویسی آشنا بشیم 😁

- رابطه نقشه برداری به شی: Object-Relational Mapping
- الگوی ثبت کُنشور (کُنِش‌وَر): Active record pattern
- جدول درهمک‌سازی یا جدول چکیده‌سازی: Hash Table
- درهمش پایسته: Continuous integration
- خط لوله استقرار: Deployment pipeline
- پشته تماس یا پشته فراخوانی: Call Stack
- مدل شیءگرای سند یا دام: DOM - Document Object Model
- ائتلاف وب جهان‌گستر یا کنسرسیوم وب جهان‌گستر:World Wide Web Consortium یا W3C
- شیوه‌نامه آبشاری: (Cascading Style Sheets (CSS
- زبان نشانه‌گذاری ابرمتنی یا زنگام: HTML
- نگاره‌سازی برداری مقیاس‌پذیر: SVG
- حواله (برنامه‌نویسی شیءگرا): Forwarding
- الگوی طراحی آذینگر: Decorator Pattern
#fun

🔺توی این وبسایت می‌تونین کلی کتاب درباره زبان‌ها و فریم‌ورک‌های مختلف پیدا کنین:
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