Ditty | دیتی – Telegram
Ditty | دیتی
3.19K subscribers
194 photos
20 videos
4 files
387 links
دیتی | دنیای ساده‌شدهٔ برنامه‌نویسی وب
https://ditty.ir
Download Telegram
🔺الگوی طراحی Singleton به زبان #ساده

- این الگو این اطمینان رو میده که فقط یک نمونه از یک کلاس خاص در سرتاسر برنامه وجود داشته باشه و راهی رو ارائه میده تا بتونیم به همون نمونه دسترسی داشته باشیم

- این الگو یکی از پراستفاده‌ترین و همچنین #بحث‌برانگیز ترین الگوهاست

- از این الگو زمانی استفاده می‌کنیم که:
— ساختن نمونه هزینه زیادی داره و می‌خوایم مطمئن بشیم که فقط یک نمونه از کلاس در سراسر برنامه وجود داره

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

#oop
🔺توی #جاوااسکریپت اینطوری می‌تونیم بررسی کنیم که آیا یه متغیر توی حوزه سراسری تعریف شده یا نه 😉

- توی محیط Node بجای window از global استفاده کنین. البته توی هر محیطی میشه از globalThis هم استفاده کرد

#javanoscript
Ditty | دیتی
🔺آزمون جاوااسکریپت - شماره ۱۰ - خروجی رو حدس بزنین. 1 یا 2؟ 👏 - برای مشاهده جواب اختصاصی لینک زیر رو ببینید: ditty.ir/309 #quiz
🔺جاوااسکریپتی‌ها، می‌تونین خروجی رو با دلیل حدس بزنین؟ true یا false؟ چرا؟

- آزمون جاوااسکریپت - شماره ۱۱
- جواب اختصاصی از اینجا:
https://ditty.ir/p/Xege5

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

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

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

- Installation:
composer require wulfheart/pretty_routes

- Usage:
php artisan route:pretty

اطلاعات بیشتر
#laravel
Ditty | دیتی
🔺الگوی طراحی Singleton به زبان #ساده - این الگو این اطمینان رو میده که فقط یک نمونه از یک کلاس خاص در سرتاسر برنامه وجود داشته باشه و راهی رو ارائه میده تا بتونیم به همون نمونه دسترسی داشته باشیم - این الگو یکی از پراستفاده‌ترین و همچنین #بحث‌برانگیز ترین…
🔺الگوی طراحی Adapter به زبان #ساده

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

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

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

#oop
🔺ـ Event Modifier چیه؟ 🤔

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

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

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

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

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

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

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

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

🔗 تصویر اصلی
#css
🔺ـ 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
Media is too big
VIEW IN TELEGRAM
🔺توی جاوااسکریپت Null و Undefined چه تفاوت‌هایی با هم دارن؟

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

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

#javanoscript 💯
کدوم نوع‌های داده‌ای نمی‌تونن توی یک رشته ‌JSON قرار بگیرن؟ 🤔
Anonymous Quiz
2%
String
2%
Number
14%
Object
5%
Array
3%
Boolean
20%
Null
53%
همه می‌تونن قرار بگیرن
This media is not supported in your browser
VIEW IN TELEGRAM
🔺منظور از Wrapper Object توی جاوااسکریپت چیه؟ 🤔

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

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

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

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

گیت‌هاب:
https://github.com/blueedgetechno/windows11
🔺با توجه به این کد، پراپرتی length چه مقداری داره؟

- به نظرسنجی پایین جواب بدین 👇
#quiz
مقدار پراپرتی length؟
Anonymous Quiz
37%
1
38%
121
17%
120
7%
119