🔺توی CSS دو روش جدیدتر و البته کوتاه‌تر برای انتخاب کردن چندتایی المنت‌ها معرفی شده که اون توابع ()where: و ()is: هستن

- با این توابع می‌تونیم به صورت گروهی و یکجا چندین المنت رو انتخاب کنیم. کاری که قبلاً امکان‌پذیر نبود و باید المنت‌ها رو تک تک انتخاب می‌کردیم

- این ۲ تابع کارایی مشابهی دارن. اما باید بدونیم که المنت‌هایی که با where انتخاب می‌کنیم، پایین‌ترین میزان Specificity رو دارن. اما Specificity توی is بستگی به المنت‌هایی داره که انتخاب می‌کنیم

- این دو تابع نسبتاً جدید هستن و بنابراین پشتیبانی مرورگرها اهمیت داره:
https://developer.mozilla.org/en-US/docs/Web/CSS/:where

#css

🔺اعتبارسنجی فرم HTML مثل آب خوردن 🍶

- همونطور که شاید بدونین، برای دیتی مشغول ضبط آموزش‌هایی با عنوان «پروژه‌های جاوااسکریپت برای تازه‌کارها» هستم. موضوع یکی از پروژه‌ها ساختن اعتبارسنجی فرم بود

- یکی از راحت‌ترین و ساده‌ترین روش‌های اعتبارسنجی، چیزی هست که فریم‌ورک لاراول ارائه میده و من به عنوان یک پروژه تفریحی خواستم از لاراول الگو بگیرم و اون روی توی فرانت‌اند پیاده‌سازی کنم (DEMO)

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

- اگه مایل هستین، Star بزنین و توی این پروژه مشارکت داشته باشین تا کامل‌ترش کنیم:
https://github.com/AliN11/easy-html-form-validator

#html

🔺ـ Strict Mode جاوااسکریپت چیه و چه ویژگی‌هایی داره؟ 🤔

#javanoscript

🔺اگه دوست دارین با این کتاب آشنا بشین، دوستان من هر هفته توی گوگل‌میت دور هم جمع میشن و با هم کتاب YDKJS رو میخونن و بررسی می‌کنن:

https://news.1rj.ru/str/+Ov_vXYL5MsU3NzM0

#links

🔺آیکن‌های متنوع و خوشگل با فرمت SVG:

Tabler Icons:
» https://tablericons.com

Iconoir:
» https://iconoir.com

#link

🔺دیدن نتیجه نظرسنجی 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