🔺یک ویژگی قراره به جاوااسکریپت مرورگرها اضافه بشه به اسم 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

🔺یک لیست کامل از همه پکیج‌ها، کتابخونه‌ها، ابزارها و ... مرتبط با Vue.js:

https://github.com/vuejs/awesome-vue

#vue #links

🔺مایکروسافت برای VS Code نسخه وب (مرورگر) هم راه‌اندازی کرد:
https://vscode.dev

- البته بعضی از ویژگی‌های نسخه دسکتاپ مثل پشتیبانی از بعضی پلاگین‌ها رو نداره

#links

🔺یک لیست از کلی ابزار و پلاگین و فریم‌ورک و ... برای #جاوااسکریپت:

https://github.com/sorrycc/awesome-javanoscript

#javanoscript #links

🔺نوبتی هم باشه نوبت ری‌اکته!

- یک لیست از کلی ابزار و پلاگین و فریم‌ورک و ... برای #ری‌اکت:

https://github.com/enaqx/awesome-react

#react #links

🔺‌ ‌دوستان اگه برای زبان یا فریم‌ورک مورد علاقه‌تون چنین لیستی می‌خواین، توی گوگل بزنین [اسم زبان] Awesome چنین لیست‌هایی میاره. مثلاً:
Awesome PHP
Awesome Laravel

هر چند این اَبَر لیست رو ببینین که یک لیست از همه لیست‌هاست:
https://github.com/sindresorhus/awesome

#links

🔺بنیان جاوااسکریپت رو از دیتی یاد بگیرین:
ditty.ir/series/javanoscript-101

- بیشترین چیزها از جاوااسکریپت رو توی کمترین زمان یاد می‌گیریم
- با کلی مثال مهمترین موضوع‌های جاوااسکریپت رو بررسی می‌کنیم
- ثابت می‌کنم که جاوااسکریپت #راحت و قابل فهمه :))

- ۴۱ قسمت متنی + ویدئویی
- نسخه ویدئویی در مجموع ۵ ساعت هست
- هر ویدئو مدت زمانی حدود ۱۰ دقیقه یا کمتر داره

- نسخه متنی کاملاً رایگانه. هدیه من به همراهان دیتی 💝
- با خرید ویدئوها، از ادامه فعالیت‌های دیتی هم #حمایت می‌کنین 😊
- ۳۰٪ #تخفیف برای ویدئوها با کد JS-30 (برای ۱۰۰ نفر اول)

» سرفصل‌ها رو از اینجا ببینین

#javanoscript

🔺آیا برای یک مسئله جاوااسکریپتی چند راه حل دارین و می‌خواین ببینین کدوم سریع‌تره؟ این وبسایت رو ببینین:
https://hasty.dev

- با این وبسایت می‌تونین سرعت راه حل‌های خودتون رو بررسی کنین 👌

#javanoscript #links

🔺پرامیس (Promise) های جاوااسکریپت به زبان #ساده

- یکی از مهمترین ویژگی‌هایی که از ES6 به جاوااسکریپت اضافه شد، پرامیس‌ها بودن که برای مدیریت کردن عملیات ناهمگام استفاده میشن

- توی این پست، هم به صورت متنی و هم به صورت ویدئویی می‌خوایم با این ویژگی آشنا بشیم:
ditty.ir/courses/es6/promises/XGQw5



- این پست قبلاً نوشته شده بود و به تازگی بازنویسی شده 😉

#javanoscript

🔺پراکسی‌ها توی #جاوااسکریپت چه کاربردی دارن؟ 🤔

- با پراکسی‌ها می‌تونیم تقریباً همه اتفاق‌هایی که برای یک آبجکت رخ میده رو مدیریت و کنترل کنیم

- مثلاً می‌تونیم خوندن، ویرایش و یا حذف یک پراپرتی یا متد رو کنترل کنیم تا جوری که دلمون میخواد این اتفاق‌ها رخ بدن!

- توی این پست، هم به صورت متنی و هم #ویدئویی مفصل با پراکسی‌های جاوااسکریپت آشنا میشیم:
ditty.ir/456




- این پست قبلاً نوشته شده بود و به تازگی بازنویسی شده 😉

#javanoscript

🔺کد تمیز، خوانا و البته مدرن با Destructuring #جاوااسکریپت

ــ Destructuring بهمون کمک می‌کنه تا از نوشتن کدهای اضافی و تکراری جلوگیری کنیم

- در واقع Destructuring برای آرایه‌ها و آبجکت‌ها به کار میره که با اون می‌تونیم به شکل خواناتر به اعضای یک آرایه یا آبجکت دسترسی داشته باشیم

- توی این پست (متن و ویدئویی) مفصل درباره این ویژگی آشنا بشیم:
ditty.ir/459

#javanoscript

🔺بیشتر از 300 سوال مصاحبه ری‌اکت (PDF) 👌😎

#react

🔺تولد داریم، چه تولدی! جاوااسکریپتمون امروز ۲۶ ساله شد 😆🎉

- توی یک جمله جاوااسکریپت رو وصف کنین (هرچند وصف ناپذیره)👇👇

🔺توی جدیدترین نسخه VS Code می‌تونیم لیستی از همه تم‌های موجود رو داشته باشیم و بدون اینکه یک تم رو نصب کنیم، یک پیش‌نمایش از اون رو ببینیم 🤩

۱. توی VS Code دکمه‌های Ctrl + K + T رو بزنین
۲. گزینه Browse Additional Color Themes رو بزنین تا لیستی از تم‌ها براتون نمایش داده باشه
۳. پیش‌نمایش هر تمی رو که انتخاب کنین همون لحظه اعمال میشه

#tricks

🔺قراره یک ویژگی جالب به #جاوااسکریپت اضافه بشه که با اون می‌تونیم نوع فایلی که داریم import می‌کنیم رو مشخص کنیم!

- توی عکس، فایل foo.json رو طوری import می‌کنیم که بتونیم مثل یک JSON با اون رفتار کنیم 👌

- همونطور که می‌دونیم، تا قبل از این ویژگی فقط import کردن فایل‌های معتبر جاوااسکریپتی امکان‌پذیره

- این ویژگی توی Proposal Stage 3 هست
- منبع

#javanoscript

🔺آیا وسط گذاشتن یک div براتون یک چالشه؟ آیا ابزاری ساختین که کل دنیا دارن ازش استفاده می‌کنن، ولی توضیح دادن کاربرد اون سخته؟

- مصاحبه فنی Dan Abramov رو ببینین تا یکم به خودتون امیدوار بشین 😂

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

پ.ن:‌ Dan Abramov یکی از اعضای اصلی تیم ری‌اکت و سازنده Redux هست. توی این ویدئو، مصاحبه با یک انسان عادی مثل خودمون رو می‌بینیم که از چیزها و چالش‌هایی حرف میزنه که همه‌مون باهاش مواجه هستیم

#react

🔺قطعاً گزینه آخر درسته 😂🤔

#fun

🔺جاوااسکریپتی‌ها! خروجی این کد چیه؟ 🤔

- آزمون جاوااسکریپت - شماره ۱۳
- توی این قسمت با خاصیت this، Arrow Function و متد bind آشنا می‌شیم

توضیحات اختصاصی:
ditty.ir/465

#javanoscript #quiz

🔺یه مقاله جالب درباره کلمه‌کلیدی this توی جاوااسکریپت:
https://web.dev/javanoscript-this



پ.ن: معمولاً صبح‌ها (معمولاً ناشتا 😁) سعی می‌کنم یکی از مقاله‌هایی که قبلاً توی Pocket ذخیره کردم رو بخونم. در واقع ایدهٔ پست قبلی از این مقاله به ذهنم رسید

#javanoscript