🔺نمایش مرتب روت‌ها در #لاراول

- قبلاً دستور route:list توی خط فرمان، خروجی‌ای رو تولید می‌کرد که نقض حقوق بشر به حساب می‌اومد :))

- پکیج Pretty Routes رو نصب کنین تا خیلی بهتر و خواناتر لیستی از همه روت‌های برنامه رو داشته باشین

- Installation:
composer require wulfheart/pretty_routes

- Usage:
php artisan route:pretty

اطلاعات بیشتر
#laravel

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

- با این الگو می‌تونیم توی برنامه از کلاس‌هایی که نوع و اینترفیس ناسازگار دارن استفاده کنیم، بدون اینکه کدی رو تغییر بدیم

- مثلاً می‌خوایم از کلاس‌های چند کتابخونه خارجی استفاده کنیم که همگی نحوه پیاده‌سازی و استفاده متفاوتی دارن. به جای اینکه کدهای برنامه و یا ساختار کلاس‌ها رو تغییر بدیم، کافیه از Adapter استفاده کنیم 👌

- از لینک زیر با این الگو آشنا بشین:
ditty.ir/322

#oop

🔺ـ Event Modifier چیه؟ 🤔

- اگه با Vue کار می‌کنین، با این ویژگی می‌تونین کدهای تمیزتر و کوتاه‌تری داشته باشین

- از لینک زیر با این قابلیت آشنا بشین:
ditty.ir/p/nRxeJ

#vue

🔺+۱۰۰ لودینگ جالب که فقط با CSS نوشته شدن:

https://dev.to/afif/i-made-100-css-loaders-for-your-next-project-4eje

#links 💯

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

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

- همونطور که می‌دونیم this توی توابع مقدار معینی نداره و تا زمانی که مشخص نشه تابع کجا و به چه صورت داره فراخونی میشه، نمی‌تونیم مقدار اون رو تشخیص بدیم

- متد bind تابعی درست می‌کنه که مقدار this توی اون همیشه به یک آبجکت مشخص و تعیین‌شده‌ای اشاره می‌کنه

- برای آشنایی بیشتر با این متد:
ditty.ir/325

#javanoscript

🔺با یک نگاه Flexbox رو یاد بگیرین 👌

🔗 تصویر اصلی
#css

🔺 یه Cheat-sheet کاربردی برای توسعه‌دهنده‌های #ری‌اکت:

https://dev.to/ericchapman/react-cheat-sheet-updated-may-2021-1mcd

#links

🔺ـ Composition API توی Vue 3 چیه؟ 🤔

- این مهمترین ویژگی ارائه شده توی ورژن ۳ ویو هست

- با این ویژگی می‌تونیم کدهای یک کامپوننت بزرگ رو به بخش‌های کوچک‌تر تقسیم کنیم تا حجم کدها توی یک فایل کم بشه و #توسعه‌پذیری برنامه بالا بره

- از لینک زیر با این ویژگی آشنا بشین:
https://ditty.ir/326

#vue 💯

🔺اگه حین توسعه برنامه می‌خواین یک URL رو با تأخیر لود کنین، از سرویس زیر استفاده کنین:
https://deelay.me

- برای مثال می‌تونین پاسخ درخواست‌های Ajax رو به تاخیر بندازین یا تصاویر رو با تأخیر لود کنین تا ببینین ظاهر صفحه چه شکلی میشه

- نحوه استفاده از اون به این صورته:
https://deelay.me/<DELAY>/<URL>

ـ DELAY مقدار تأخیر مد نظر به میلی‌ثانیه
ـ URL هم آدرس مد نظر

+ https://deelay.me/5000/https://picsum.photos/900/500
+ https://deelay.me/5000/http://localhost:3000

#links

🔺توی #جاوااسکریپت، NaN مخفف Not-a-Number هست. این در حالیه که نوع NaN برابر با number هست :))
#js

🔺با 1024 بایت کد #جاوااسکریپت چه چیزهایی که نمیشه ساخت! 💥😳

- وبسایت js1024.fun مسابقه‌ای رو طراحی کرده که توی اون شرکت‌کننده‌ها باید یک برنامه جاوااسکریپتی رو با حداکثر ۱۰۲۴ بایت (۱ کیلوبایت) بسازن. پایان هر دوره رأی‌گیری میشه و بهترین و جذاب‌ترین برنامه‌ها انتخاب میشن

- بهترین برنامه‌های انتخاب‌شده سال ۲۰۲۰ رو می‌تونین از لینک زیر ببینید:
https://js1024.fun/results/2020

#javanoscript

🔺توی جاوااسکریپت Null و Undefined چه تفاوت‌هایی با هم دارن؟

- ۷۰ سوال مصاحبه #جاوااسکریپت به صورت ویدئویی هم منتشر شد! 👋

- همه ویدئوها:
https://ditty.ir/p/5Wxon

#javanoscript 💯

🔺منظور از Wrapper Object توی جاوااسکریپت چیه؟ 🤔

- ویدئوی ۵۴ از ۷۰ سوال مصاحبه جاوااسکریپت

- همه ویدئوها رو می‌تونین از اینجا ببینین:
https://ditty.ir/p/na6bX

#javanoscript 💯

🔺وقتی میگن "کاری انجام بده که دوست داری و کاری که انجام میدی رو دوست داشته باش" نتیجه‌ش میشه این:

- یک دوستی با ری‌اکت، ویندوز 11 رو شبیه‌سازی کرده:
https://win11.blueedge.me

گیت‌هاب:
https://github.com/blueedgetechno/windows11

🔺با توجه به این کد، پراپرتی length چه مقداری داره؟

- به نظرسنجی پایین جواب بدین 👇
#quiz

🔺یک ویژگی جالب به #لاراول 8.51 اضافه شده به اسم Conditional Classes

- توی فایل‌های Blade با استفاده از یک Directive جدید به اسم class@ می‌تونیم نمایش کلاس‌های یک المنت رو کنترل کنیم

- این Directive یک ورودی به صورت آرایه‌ key/value می‌گیره که شامل کلاس‌های مد نظر هست. مقدار key اسم کلاس مد نظر و مقدار value یک عبارت بولین هست

- کلاس مد نظر فقط زمانی نشون داده میشه که مقدار value برابر با true باشه

- همچنین اگه عضو آرایه بدون key باشه، (مثل p-4) کلاس مد نظر برای ما نمایش داده میشه

- خط آخر عکس، خروجی چیزی که تولید میشه هست
#laravel

🔺نتایج نظرسنجی شرکت JetBrains از دنیای نرم‌افزارها و توسعه‌دهنده‌ها سال 2021

» محبوب‌ترین زبان
- جاوااسکریپت

» ۵ زبانی که توسعه‌دهنده‌ها قصد مهاجرت به اونها رو دارن
ـ Go، کاتلین، تایپ‌اسکریپت، پایتون و Rust

» ۵ زبانی که توسعه‌دهنده‌ها امسال مشغول یادگیری بودن
- جاوااسکریپت، پایتون، تایپ‌اسکریپت، جاوا و Go

» زبان‌هایی که از محبوبیت اونها کم شده
- روبی، آبجکتیو سی، اسکالا

» زبان‌هایی که بیشترین رشد رو داشتن
- پایتون، تایپ‌اسکریپت، کاتلین، SQL و Go

آمار کامل رو می‌تونین از این لینک ببینین:
https://www.jetbrains.com/lp/devecosystem-2021

آمار اختصاصی جاوااسکریپت:
https://www.jetbrains.com/lp/devecosystem-2021/javanoscript

آمار اختصاصی PHP
https://www.jetbrains.com/lp/devecosystem-2021/php

🔺کلمه‌کلیدی new توی جاوااسکریپت چیه؟ 🤔

- ویدئوی ۷۰ از ۷۰ سوال مصاحبه جاوااسکریپت

- همه ویدئوها رو می‌تونین از اینجا ببینین:
https://ditty.ir/p/na6bX

#javanoscript 💯