🔺دیدن نتیجه نظرسنجی The State of JS سال ۲۰۲۱ بهتون کمک می‌کنه تا ببینین چه چیزهایی توی دنیای وب الان و سال‌های آینده روی بورس هست:
https://2021.stateofjs.com

#links

🔺چه کتابخونه‌هایی بیشتر از همه استفاده میشه؟ 🤔

#stats

🔺توسعه‌دهنده‌ها با چه زبان‌هایی غیر از جاوااسکریپت کار می‌کنن؟ 🤔

#stats

🔺جاوااسکریپت رو چطوری یاد گرفتن؟ 🤔

- وقتی پرسیده شد برای اولین بار جاوااسکریپت رو چطوری یاد گرفتین، بیشتر شرکت‌کننده‌ها گفتن همین طوری (با گوگل و استک‌اورفلو و ...)

#stats

🔺از چه وبسایت‌هایی کمک می‌گیرن؟ 🤔

#stats

🔺بهترین پادکست‌های برنامه‌نویسی
#stats

🔺چه افرادی بیشتر از همه مورد توجه توسعه‌دهنده‌ها بودن؟ 🤔

- چندتاشون رو می‌شناسی؟

#stats

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

» 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