Ditty | دیتی – Telegram
Ditty | دیتی
3.19K subscribers
194 photos
20 videos
4 files
387 links
دیتی | دنیای ساده‌شدهٔ برنامه‌نویسی وب
https://ditty.ir
Download Telegram
🔺متد 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
🔺یک ویژگی جالب به #لاراول 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
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
🔺کلمه‌کلیدی new توی جاوااسکریپت چیه؟ 🤔

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

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

#javanoscript 💯
Ditty | دیتی
🔺الگوی طراحی Adapter به زبان #ساده - با این الگو می‌تونیم توی برنامه از کلاس‌هایی که نوع و اینترفیس ناسازگار دارن استفاده کنیم، بدون اینکه کدی رو تغییر بدیم - مثلاً می‌خوایم از کلاس‌های چند کتابخونه خارجی استفاده کنیم که همگی نحوه پیاده‌سازی و استفاده متفاوتی…
🔺الگوی طراحی Composite به زبان #ساده

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

- برای مثال یک ساختار درختی از اعضای یک سازمان داریم که شامل بخش‌ها و اعضای مختلفی مثل مدیران عامل، بخش فنی و نیروهای مربوط به هر بخش میشه

- قطعاً توی این ساختار درختی هر عضو و بخشی ممکنه نوع تفاوتی داشته باشه و اگه بخوایم روی این ساختار کارهایی رو انجام بدیم (مثلاً نمایش حقوق اعضا، اطلاعات هر عضو و بخش، درآمد و ...) نیاز داریم تا با اعضا و بخش‌ها طوری رفتار کنیم که انگار همگی نوع‌های یکسانی دارن

- توی پست زیر یاد می‌گیریم که چطوری این کار رو با الگوی Composite انجام بدیم:
ditty.ir/414

#oop 💯
👍1
🔺اگه توی یک پروژه جاوااسکریپتی‌ با ارقام و اعداد مالی سر و کار دارین، کتابخونه dinero.js خیلی می‌تونه کار شما رو راحت کنه

- با این کتابخونه می‌تونیم راحت‌تر و امن‌تر با ارقام مالی سر و کار داشته باشیم و اونها رو تبدیل کنیم، مقایسه کنیم، فرمت کنیم و ...

- این کتابخونه از واحدهای پولی زیادی از جمله ریال پیشتیبانی می‌کنه
GitHub:
https://github.com/dinerojs/dinero.js

Docs:
https://v2.dinerojs.com/docs/getting-started/quick-start

#links
Ditty | دیتی
🔺جاوااسکریپتی‌ها، می‌تونین خروجی رو با دلیل حدس بزنین؟ true یا false؟ چرا؟ - آزمون جاوااسکریپت - شماره ۱۱ - جواب اختصاصی از اینجا: https://ditty.ir/p/Xege5 #quiz
🔺جاوااسکریپتی‌ها! اولین case اجرا میشه یا دومین؟ 🤔

- آزمون #جاوااسکریپت - شماره ۱۲
- این سوال دو نکته داره که توضیح اختصاصی رو می‌تونین از اینجا ببینین:
ditty.ir/426

#quiz
🔺نتیجه نظرسنجی سالیانه وبسایت Stackoverflow از دنیای برنامه‌نویسی

- کلیدی‌ترین نکته‌های نظرسنجی Developer Survey وبسایت Stackoverflow (یکی از معتبرترین نظرسنجی‌ها با جامعه آماری بالا)

پراستفاده‌ترین‌ها
» پراستفاده‌ترین زبان برنامه‌نویسی دنیا برای نهمین سال پیاپی برای جاوااسکریپت
» پراستفاده‌ترین IDE برای VS Code
» پراستفاده‌ترین دیتابیس‌ها برای MySQL و PostgreSQL
» پراستفاده‌ترین فریم‌ورک وب برای ری‌اکت که تونست پس از سال‌ها جی‌کوئری رو پشت سر بذاره
» پراستفاده‌ترین سیستم‌عامل برای ویندوز

دوست‌داشتنی‌ها
» زبان‌ها: Rust و Clojure و TypeScript
» دیتابیس‌ها: Redis و PostgreSQL و MongoDB
» فریم‌ورک‌ها: Svelte و ASP.NET Core و FastAPI

خواستنی‌ترین‌ها (Most Wanted. یعنی تکنولوژی‌هایی که یک توسعه‌دهنده علاقه داره اونها رو یاد بگیره و کار کنه)
» زبان‌ها: پایتون، تایپ‌اسکریپت و جاوااسکریپت
» دیتابیس‌ها: PostgreSQL و MongoDB و Redis
» فریم‌ورک‌ها: React.js و Vue.js و Django

آمار کامل رو می‌تونین از اینجا ببینید:
https://insights.stackoverflow.com/survey/2021