🔺ـ IIFE توی جاوااسکریپت چیه؟ 🤔

- سوال ۲۶ از هفتاد سوال مصاحبه #جاوااسکریپت 💯
- همه سوال‌ها رو می‌تونین از اینجا ببینین:
https://ditty.ir/124

#javanoscript

🔺الگوی طراحی Decorator به زبان #ساده

- از این الگو زمانی استفاده می‌کنیم که می‌خوایم به آبجکت‌ها ویژگی اضافه کنیم یا رفتار اونها رو تغییر بدیم

- در واقع با این الگو می‌تونیم به آبجکت‌های موجود، در زمان اجرای کد (Run-time) ویژگی اضافه کنیم. بدون اینکه مجبور باشیم کلاس‌های اونها رو دستکاری کنیم و یا زیرکلاس بسازیم

- این الگو کاربرد زیاد و پیاده‌سازی راحتی داره که توی این قسمت با اون آشنا می‌شیم:
https://ditty.ir/p/5dPv5

#oop 💯

با آخرین زبانی که کار کردین «روز برنامه‌نویس» رو تبریک بگین 😉👏
#programmersday

🔺اگه طرح‌ها، تصاویر و گرافیک‌های #جذاب برای برنامه‌تون می‌خواین این چند تا وبسایت رو ببینین:

• drawkit.io
• undraw.co
• icons8.com
• iradesign.io
• blush.design
• storyset.com
• pixeltrue.com
• manypixels.co
• iconscout.com
• illustrations.co
• humaaans.com
• isometric.online
• openpeeps.com

✅ منبع: @computer_channell
#links

🔺با چند عملگر و تکنیک #جاوااسکریپتی برای نوشتن کدهای خلاصه‌تر آشنا بشیم:

https://ditty.ir/p/XoM25 🔥

#javanoscript

🔺اگه طراح صفحات وب هستین، این کد رو توی کنسول مرورگر بزنین تا همون لحظه همهٔ متن‌های توی صفحه قابل ویرایش بشن و بتونین ظاهر برنامه رو تست کنین 👌

document.designMode = "on";

#tricks

🔺نوع BigInt توی #جاوااسکریپت چیه؟ 🤔

پ.ن: دارم مطالب جاوااسکریپت دیتی رو دسته‌بندی و مرتب می‌کنم تا یک آموزش جامع و کامل از جاوااسکریپت داشته باشیم. تصمیم گرفتم برای هر پست، ورژن ویدئویی هم منتشر کنم. یعنی هم متنی و هم ویدئویی.
این ویدئو بریده‌ای از قسمت «نوع‌های داده‌ای جاوااسکریپت» هست. بزودی همه ویدئوها منتشر میشن 😉
#javanoscript

🔺با ۵۰۰ خط کد قبلاً یک برنامه To-do می‌ساختیم. ولی این آقا یک الگوریتم پارک خودکار ماشین ساخته 😁
https://trekhleb.dev/self-parking-car-evolution

پ.ن: این آقا یک ریپازیتوری معروف جاوااسکریپت داره به اسم JavaScript Algorithms and Data Structures با 122K استار!
#javanoscript

🔺ببینین CSS نویس‌های سراسر دنیا چه نظری درباره این زبان دارن:
https://2020.stateofcss.com

- این نتیجه نظرسنجی سال ۲۰۲۰ هست. برای شرکت توی نظرسنجی امسال اینجا رو ببینین.
#css

🔺چند بازی فوق‌العاده که با #جاوااسکریپت و HTML نوشته شدن:

https://github.blog/2021-10-05-13-tiny-and-terrific-entries-from-the-js13kgames-competition

- جدا از خود بازی‌ها، توی این لینک سورس کد هر بازی هم قرار گرفته که فرصت خوبیه برای آشنا شدن با کدهای مختلف و انواع تکنیک‌های کدنویسیِ کم‌حجم و البته با عملکرد بالا

ـ js13kGames یک مسابقه ساخت بازی با جاوااسکریپت و HTML هست که از سال 2012 داره برگزار میشه و مهمترین قانونش اینه که هر بازی حداکثر باید ۱۳ کیلوبایت باشه
#javanoscript #links

🔺الگوی طراحی Facade به زبان #ساده

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

- از لینک زیر با Facade که یکی از راحت‌ترین الگوهاست آشنا بشین:
https://ditty.ir/461

#oop 💯

🔺کلی One Liner (کدهای تک‌خطی کاربردی) برای #جاوااسکریپت:
https://1loc.dev

#links #javanoscript 🔥

🔺این چند تا نکته باحال حتماً به کارتون میاد وقتی دارین توی گوگل سرچ می‌کنین:

14 Tips to Google like a Pro ⚡️🔎

#links

🔺یک ویژگی قراره به جاوااسکریپت مرورگرها اضافه بشه به اسم Sanitizer API که همونطور که از اسمش مشخصه، برای پاک‌سازی و تمیز کردن رشته‌های آلوده و مخرب هنگام کار با DOM استفاده میشه:

// Unsanitized string of HTML
const input = "abc <noscript>alert(1)</noscript> def"; 

const el = document.getElementById("target");
👉 el.setHTML(input, new Sanitizer());

alert(target.innerHTML); // "abc  def"

- توی این کد برای مثال کاربر رشته‌ای رو وارد کرده که شامل کد مخرب هست. تگ اسکریپت و alert که اگه بطور مستقیم استفاده بشه، یک alert ناخواسته نمایش داده میشه.
- اما وقتی که می‌خوایم از این رشته استفاده کنیم و اون رو بذاریم توی صفحه، با استفاده از Sanitizer کدهای مخرب اون رو پاک کردیم که خروجی یک رشته خالص و پاک هست 👌

نکته: این ویژگی توی مرحله Experimental هست و هنوز هیچ مرورگری اون رو ساپورت نکرده ¯/_(ツ)_\¯

https://developer.mozilla.org/en-US/docs/Web/API/HTML_Sanitizer_API

🔺دوستان لاراولی! برای بالا بردن سرعت برنامه حتماً از دستورات آرتیزان زیر استفاده کنین:

php artisan config:cache
php artisan route:cache
php artisan view:cache

واقعاً سرعت برنامه چندین برابر بالا میره!
همچنین تا جایی که می‌تونین کوئری‌ها رو Cache کنین. اینها راه حل‌های رایگان ولی واقعاً موثری هستن.
چند روز پیش وقتی می‌خواستم دیتی رو انتقال بدم، هاست‌های چندین شرکت رو تست کردم. با اینکه همگی ادعا داشتن که هارد NVMe و سرور لایت‌اسپید دارن، سرعت‌ها خیلی تفاوت داشت. بالاخره یک هاستینگ خوب پیدا کردم که واقعاً سرعتش فوق‌العادس! همه Response ها زیر ۲۰۰ میلی‌ثانیه (۰.۲ ثانیه) میاد. در صورتی که روی هاست‌های قبلی همون Response ها ۵ برابر دیرتر میومدن!

این پست رو هم ببینین:
https://ashallendesign.co.uk/blog/6-quick-and-easy-ways-to-speed-up-your-laravel-website