Ditty | دیتی – Telegram
Ditty | دیتی
3.19K subscribers
194 photos
20 videos
4 files
387 links
دیتی | دنیای ساده‌شدهٔ برنامه‌نویسی وب
https://ditty.ir
Download Telegram
React Interview Book.pdf
8.5 MB
🔺بیشتر از 300 سوال مصاحبه ری‌اکت (PDF) 👌😎

#react
👍2🔥2🤩1
🔺تولد داریم، چه تولدی! جاوااسکریپتمون امروز ۲۶ ساله شد 😆🎉

- توی یک جمله جاوااسکریپت رو وصف کنین (هرچند وصف ناپذیره)👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
🔺توی جدیدترین نسخه VS Code می‌تونیم لیستی از همه تم‌های موجود رو داشته باشیم و بدون اینکه یک تم رو نصب کنیم، یک پیش‌نمایش از اون رو ببینیم 🤩

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

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

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

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

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

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

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

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

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

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

#fun
Ditty | دیتی
🔺جاوااسکریپتی‌ها! اولین case اجرا میشه یا دومین؟ 🤔 - آزمون #جاوااسکریپت - شماره ۱۲ - این سوال دو نکته داره که توضیح اختصاصی رو می‌تونین از اینجا ببینین: ditty.ir/426 #quiz
🔺جاوااسکریپتی‌ها! خروجی این کد چیه؟ 🤔

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

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

#javanoscript #quiz
Ditty | دیتی
🔺جاوااسکریپتی‌ها! خروجی این کد چیه؟ 🤔 - آزمون جاوااسکریپت - شماره ۱۳ - توی این قسمت با خاصیت this، Arrow Function و متد bind آشنا می‌شیم توضیحات اختصاصی: ditty.ir/465 #javanoscript #quiz
🔺یه مقاله جالب درباره کلمه‌کلیدی this توی جاوااسکریپت:
https://web.dev/javanoscript-this



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

#javanoscript
🔥1
.cats {
display: flex;
justify-content: space-between
}

😁👌


👉 @computer_channell
👍1👎1
🔺یکی از قابلیت‌های کاربردی که احتمالاً به #جاوااسکریپت اضافه بشه، groupBy برای آرایه‌هاست 👌

- با این ویژگی می‌تونیم اعضای یک آرایه رو براساس شرایط دلخواه گروه‌بندی کنیم. کاری که قبلاً باید به صورت دستی یا با کتابخونه‌هایی مثل لودَش انجام می‌دادیم

- این ویژگی Proposal Step 3 هست

https://github.com/tc39/proposal-array-grouping

#javanoscript
🔺آیا می‌تونین ترتیب نمایش عددها رو حدس بزنین؟ 👏

#javanoscript #quiz
👍1
🔺کدومتون توی این لیست هستین؟ فعال‌ترین کاربران ایرانی توی گیت‌هاب:
https://commits.top/iran_public.html


خودم نیستم، ولی ۴ ۵ نفر از دوستام هستن 🥲
#links
2👎1
🔺آیا #جاوااسکریپت واقعاً عجیبه؟ 🤔

سعی کنین به این ۲۵ تا سوال جواب بدین:
https://jsisweird.com

#javanoscript
👍11😁53🎉2🔥1😱1
🔺توی فایل package.json، اگه پکیج A وابسته به پکیج B باشه و پکیج B برای فعالیتش به پکیج C وابسته باشه، به نوع وابستگی پکیج‌های A و C میگن:
Anonymous Quiz
32%
Transitive Dependency
31%
Peer Dependency
22%
Mutual Dependency
15%
Inter Dependency
😢19🔥9🤩5👍2🎉1
🔺ـ Context API ری‌اکت به زبان ساده

- با این ویژگی خیلی راحت می‌تونیم به کامپوننت‌های داخلی اطلاعات پاس بدیم

- اگه کامپوننت‌های تو در تو داریم و می‌خوایم بطور مستقیم و به دور از دردسرهای props های متوالی به کامپوننت‌های داخلی اطلاعات پاس بدیم، خیلی راحت می‌تونیم از قابلیت Context ها استفاده کنیم 👌

- با این ویژگی از اینجا آشنا بشین:
https://ditty.ir/posts/react-context-api/naBlX

#react
🔥102🤩2
🔺نسخه اولیه و پایه‌ٔ جاوااسکریپت توی چه مدت ساخته شد؟
Anonymous Quiz
49%
۱۰ روز
24%
۹۰ روز
16%
۶ ماه
11%
۹ ماه
😢17🎉11😁53👍2👎2😱1
🔺ـ Syntactic Sugar یعنی چی؟ 🤔

- توی زبان‌های برنامه‌نویسی، Syntactic Sugar به کدی گفته میشه که خوانایی و استفاده از یک کد دیگه رو راحت‌تر می‌کنه

- برای مثال توی جاوااسکریپت، استفاده از حلقهٔ for...of برای مصارف عادی مناسب‌تر و راحت‌تر از حلقه for معمولی هست. بنابراین for...of یک Syntactic Sugar برای حلقه for معمولی به حساب میاد

- در واقع از کلمه Sugar میشه اینطور برداشت کرد که کدنویسی رو شیرین‌تر می‌کنه :))

- ترجمه تحت‌اللفظی گوگل هم جالبه :))
#tips
👍152🔥2🎉2😱1