​Translate CSS selectors into plain English!

https://hugogiraudel.github.io/selectors-explained/

#tool #css

@ProGraphs

جواب:

میدونیم که برای انجام یک تسک async داخل promise chain میتونیم از یکی از تابع‌های then، یک پرامیس return کنیم:

fetch(url)
.then(data => new Promise(resolve => setTimeout(resolve, 1000)))
.then(() => {})

دوباره به خط سوم کد سوال دقت کنید،
بعد از هربار fail شدن درخواست، توی then، دوباره fetchWithRetry رو صدا میکنیم که یه پرامیس برمیگردونه.
در واقع با این کار پشت سر هم پرامیس‌های جدید به انتهای این promise chain اضافه میکنیم و نتیجه میشه یه promise chain بینهایت که تا زمانی که درخواست با موفقیت فرستاده نشه، garbage collected نمیشه!

برای حل این مشکل کافیه توی خط 3 نتیجه‌ی تابع getWithRetry رو از then ریترن نکنیم.
توضیح کامل‌تر این مشکل رو میتونید اینجا بخونید.

پادکست طبقه ۱۶ – پادکستی به میزبانی سهیل علوی، بنیانگذار استارت‌آپ ریحون در تورنتو

اپیزود ۱ - گفتگو با محسن ملایری:
https://youtu.be/DiXfC6R22vE
اپیزود ۲ - بورس ایران | کیاوش کاویانی:
https://youtu.be/WNVmGwS6N8I
اپیزود ۳ - تجربه جذب سرمایه برای استارتاپ | سیاوش محمودیان:
https://youtu.be/kf87HRTP2Lk
اپیزود ۴ - عملگرایی | بهروز حریری:
https://youtu.be/txnw-qFYfsQ

پ.ن: انقدر پادکست جذاب و متفاوتی بود که دلم نیومد باهاتون به اشتراک نذارم. شما هم با دوستاتون به اشتراک بگذارین :)

سایت‌هایی که زمان‌های خالی افراد رو می‌گیرن و تایم برای جلسه پیشنهاد می‌دن:

https://www.when2meet.com/
https://doodle.com/en/
https://calendly.com/

@ProGraphs

ساعت ۷ شب به وقت تهران یک لایو خیلی جذاب در یوتیوب خواهیم داشت! نهایت سعیم رو می‌کنم که روی آپارات هم بالا بیاد.

لینک لایو: https://www.youtube.com/watch?v=CprMv3iaJek&feature=youtu.be

توی این قسمت می‌خوایم ادامه پروژه‌ای که فرانت‌اندش رو دیروز زدیم رو بریم. برای پیاده سازی بک‌اند از Node.js استفاده می‌کنیم بر پایه چارچوب NestJS.
با React به GraphQL متصل خواهیم شد و از JWT برای Authentication استفاده می‌کنیم.
ظاهر قبلا در Figma طراحی شده و از Chakra UI برای پیاده‌سازیش استفاده خواهیم کرد.

اگر لایو قبلی رو که برای پیاده‌سازی فرانت‌اند بودرو ندیدید بهتره قبل از لایو امشب ببینیدش:
https://www.youtube.com/watch?v=IgJaDUEvvsA

لینک جدید برای لایو:
https://www.youtube.com/watch?v=I9Nt95NSyb8

مجموعه‌ای از برگه تقلب‌های برنامه‌نویسی 🔥

وقتی چیزی رو یادتون نمیاد می‌تونین خیلی سریع نحوه‌ی نوشتن اون دستوری که می‌خواین رو از اینجا پیدا کنین.

https://devhints.io/

@ProGraphs

هزینه‌ی اضافه کردن npm package ی که می‌خواین به پروژه‌تون اضافه کنین رو از سایت زیر ببینین 👇🏻

https://bundlephobia.com/

@ProGraphs

🔥 طراحی وب رو از کجا شروع کنم؟

هر کدوم از ما روز اولی که می‌خواستیم طراحی وب رو شروع کنیم، اولین سوالی که داشتیم این بوده که خب از کجا شروع کنم؟ دنبال چه سرنخی باید برم و دنبالش بگردم؟ کدوم منبع بهتره؟ و ...

به نظرم ویدیو‌های سیاوش که توی چنل یوتیوب‌اش منتشر می‌کنه فوق‌العاده خوبه 👌🏻(طبعا رایگان هم هست :) )
به این علت که از همون اول در قالب پروژه شروع می‌کنه آموزش دادن و هر جا هم که نیاز بود مبحثی رو توضیح بده، نکات اون مبحث رو می‌گه.

https://youtu.be/h4QQ4gD0yek

در کنار ویدیو‌های سیاوش، این دو تا سایت هم می‌تونه بهتون کمک کنه 😉

- https://www.w3schools.com/
- https://css-tricks.ir/reading-list/

@ProGraphs

کنار این منابع جانبی، javascript.info هم منبع خوبیه. ✌🏻

https://javascript.info/

ممنون از Eddie عزیز بابت معرفی این سایت
@ProGraphs

یه کوتاه‌کننده لینک گوگولی 😅

https://curli.ir/

مرسی از امیرمهدی برنجیان عزیز بابت معرفی

@ProGraphs

هم‌گیت، سرویس گیت مدیریت‌شده است که با توجه به تحریم‌های گیت‌لب و گیت‌هاب می‌توانید از آن به صورت رایگان استفاده کنید. علاوه بر امکان مدیریت نسخه، سایر امکانات نظیر CI/CD نیز به صورت رایگان و با رانر داخل ایران قابل استفاده است. ✌🏻
برای ثبت‌نام و استفاده به کنسول همروش مراجعه کنید. console.hamravesh.com

https://hamgit.ir/

@ProGraphs

با توجه به تحریم‌های جدید گیت‌لب و امکان بسته شدن اکانت‌ها، برای جلوگیری از «عدم دسترسی و از بین رفتن پروژه‌ها»، محمد عزیز @mammad2c اسکریپتی نوشته تا بتونین همه پروژه‌هاتونو یکجا کلون کنین.

https://github.com/mammad2c/mmd-gitlab-backuper

@ProGraphs

این هم یه پکیج دیگه که سینای عزیز @SinaKarimi7 ساخته و می‌تونین ازش استفاده کنین.

$ pip install gitlab-bk

🚀 https://github.com/SinaKarimi7/Gitlab-Backup

🔺Interview Questions For Full Stack Developers ☕️

https://www.fullstack.cafe/

شما هم لینک‌ها و سایت‌هایی رو که برای آماده شدن در مصاحبه‌های برنامه‌نویسی به کار میان رو در بخش کامنت بنویسین :)
#interviewquestion #fullstack

@ProGraphs

⁉️ What is the difference between this & that in front-end development ?

https://thisthat.dev/

@ProGraphs

Yet Another Git Cheatsheet 👩‍💻👨‍💻

https://dev.to/hengnee/yet-another-git-cheatsheet-4gjk

@ProGraphs

دیزاین سیستم سنّت (دیزاین سیستمِ دیوار)
مجموعه‌ای از ابزارها و کامپوننت‌ها برای ساختن تجربهٔ دیجیتالی سازگار، پایدار و دسترس‌پذیر

https://sonnat.design/

@ProGraphs

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

https://daskhat.dexignresources.com

این سایت امروز رونمایی شد 👌

#Source #Type
🦚 @Design_Stuffs