🔺چطوری از Vue 2 به Vue 3 مهاجرت کنیم؟

#vue

🔺چطوری عملکرد و سرعت برنامه‌های فرانت‌اند رو بهتر کنیم؟

#tips

🔺نسخهٔ وب Paint ویندوز رو ببینین تا کلی خاطره براتون زنده بشه: 🥲
https://jspaint.app

» GitHub

#memories

🔺ـ CSS Specificity یعنی چی؟ 🤔

- اگه حتی مقدار خیلی کمی هم با CSS کار کرده باشین، حتماً دیدین که Rule هایی که توی بعضی از سلکتورها می‌نویسیم، نسبت به بقیه Rule ها قدرت بیشتری دارن و در نتیجه روی المنت اعمال میشن

- به این قضیه میگن CSS Specificity. هر چی Specificity یک دستور بالاتر باشه، قدرت بیشتری داره تا روی المنت اعمال بشه

- برای اینکه متوجه بشین کدوم دستور CSS بالاترین میزان نفوذ و اعمال شدن یا به قول معروف Specificity رو داره، این دمو رو ببینین:

https://www.matuzo.at/blog/2022/specificity/

#css

🔺چند لیست‌ بلندبالا و مفصل از سوالات مصاحبه #جاوااسکریپت و فریم‌ورک‌های اون:

» JavaScript:
https://github.com/sudheerj/javanoscript-interview-questions

» Vue:
https://github.com/sudheerj/vuejs-interview-questions

» React:
https://github.com/sudheerj/reactjs-interview-questions

» Angular:
https://github.com/sudheerj/angular-interview-questions

#links

🔺آیا CSS یک زبان برنامه‌نویسی به حساب میاد؟ نظر شما چیه؟ 🤔

- آقای Chris Ferdinandi، مدرس معروفی که بیشتر با آموزش‌های Vanilla JS شناخته شده، توی این پادکست کوتاه، یک بار برای همیشه به این سوال رایج که آیا CSS یک زبان برنامه‌نویسی هست یا خیر، مفصل جواب داده :))

- متن این پادکست توی کامنت‌ها
#css

🔺توی کنسول مرورگر با $ می‌تونیم درست مثل jQuery المنت‌ها رو انتخاب کنیم

- استفاده از $ این یک میان‌بر برای document.querySelector هست

- استفاده از $$ این یک میان‌بر برای document.querySelectorAll هست
#tips

🔺ـ fetch API که اون رو توی جاوااسکریپت نسخه مرورگرها می‌شناختیم، به تازگی به Node.js هم اضافه شده 🎉

- با fetch API می‌تونیم درخواست‌های HTTP رو خیلی راحت‌تر و بدون استفاده از کتابخونه‌های خارجی انجام بدیم

- برای آشنایی با fetch API این پست دیتی رو ببینین:
https://ditty.ir/154

#javanoscript

🔺ورژن ۹ لاراول هم منتشر شد:
https://laravel.com/docs/master/releases

- از Laracasts به صورت ویدئویی جزییات این آپدیت رو ببینین:
https://laracasts.com/series/whats-new-in-laravel-9

#laravel

🔺توی 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