ProGraphs
توی این کد سعی میکنیم درخواستی به سرور بفرستیم و اگر درخواست fail شد، بعد از 100ms دوباره این کار رو تکرار میکنیم.  اما بعد از اجرا شدن این پروسه به مدت طولانی، متوجه memory leak میشیم. آیا میتونید این مشکل رو پیدا و حل کنید؟ (عکس ویرایش شد)  #question #js…
جواب:
میدونیم که برای انجام یک تسک async داخل promise chain میتونیم از یکی از تابعهای then، یک پرامیس return کنیم:
بعد از هربار fail شدن درخواست، توی then، دوباره fetchWithRetry رو صدا میکنیم که یه پرامیس برمیگردونه.
در واقع با این کار پشت سر هم پرامیسهای جدید به انتهای این promise chain اضافه میکنیم و نتیجه میشه یه promise chain بینهایت که تا زمانی که درخواست با موفقیت فرستاده نشه، garbage collected نمیشه!
برای حل این مشکل کافیه توی خط 3 نتیجهی تابع getWithRetry رو از then ریترن نکنیم.
توضیح کاملتر این مشکل رو میتونید اینجا بخونید.
  
  میدونیم که برای انجام یک تسک 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 ریترن نکنیم.
توضیح کاملتر این مشکل رو میتونید اینجا بخونید.
Cribl
  
  Promise chaining memory leak
  Cribl explores a chaining memory leak pattern recently discovered using JavaScript Promises. Learn how to work through these communication errors online.
  پادکست طبقه ۱۶ – پادکستی به میزبانی سهیل علوی، بنیانگذار استارتآپ ریحون در تورنتو
اپیزود ۱ - گفتگو با محسن ملایری:
https://youtu.be/DiXfC6R22vE
اپیزود ۲ - بورس ایران | کیاوش کاویانی:
https://youtu.be/WNVmGwS6N8I
اپیزود ۳ - تجربه جذب سرمایه برای استارتاپ | سیاوش محمودیان:
https://youtu.be/kf87HRTP2Lk
اپیزود ۴ - عملگرایی | بهروز حریری:
https://youtu.be/txnw-qFYfsQ
پ.ن: انقدر پادکست جذاب و متفاوتی بود که دلم نیومد باهاتون به اشتراک نذارم. شما هم با دوستاتون به اشتراک بگذارین :)
  
  اپیزود ۱ - گفتگو با محسن ملایری:
https://youtu.be/DiXfC6R22vE
اپیزود ۲ - بورس ایران | کیاوش کاویانی:
https://youtu.be/WNVmGwS6N8I
اپیزود ۳ - تجربه جذب سرمایه برای استارتاپ | سیاوش محمودیان:
https://youtu.be/kf87HRTP2Lk
اپیزود ۴ - عملگرایی | بهروز حریری:
https://youtu.be/txnw-qFYfsQ
پ.ن: انقدر پادکست جذاب و متفاوتی بود که دلم نیومد باهاتون به اشتراک نذارم. شما هم با دوستاتون به اشتراک بگذارین :)
YouTube
  
  Episode 1 - Mohsen Malayeri محسن ملایری
  Mohsen is a co-founder of Bettermode. A founding partner of Avatech that was recognized as top ten seed-investor and accelerator in the Middle East by Gust. Mohsen has been a key speaker at StartupTurkey, TEDx, StartupGrind and his works have been featured…
  سایتهایی که زمانهای خالی افراد رو میگیرن و تایم برای جلسه پیشنهاد میدن:
https://www.when2meet.com/
https://doodle.com/en/
https://calendly.com/
@ProGraphs
  
  https://www.when2meet.com/
https://doodle.com/en/
https://calendly.com/
@ProGraphs
Doodle
  
  Free online meeting scheduling tool
  Doodle is the fastest and easiest way to schedule anything — from meetings to the next great collaboration.
  Forwarded from Siavash TV
  
ساعت ۷ شب به وقت تهران یک لایو خیلی جذاب در یوتیوب خواهیم داشت! نهایت سعیم رو میکنم که روی آپارات هم بالا بیاد.
لینک لایو: 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=CprMv3iaJek&feature=youtu.be
توی این قسمت میخوایم ادامه پروژهای که فرانتاندش رو دیروز زدیم رو بریم. برای پیاده سازی بکاند از Node.js استفاده میکنیم بر پایه چارچوب NestJS.
با React به GraphQL متصل خواهیم شد و از JWT برای Authentication استفاده میکنیم.
ظاهر قبلا در Figma طراحی شده و از Chakra UI برای پیادهسازیش استفاده خواهیم کرد.
اگر لایو قبلی رو که برای پیادهسازی فرانتاند بودرو ندیدید بهتره قبل از لایو امشب ببینیدش:
https://www.youtube.com/watch?v=IgJaDUEvvsA
  Siavash TV
ساعت ۷ شب به وقت تهران یک لایو خیلی جذاب در یوتیوب خواهیم داشت! نهایت سعیم رو میکنم که روی آپارات هم بالا بیاد.  لینک لایو: https://www.youtube.com/watch?v=CprMv3iaJek&feature=youtu.be  توی این قسمت میخوایم ادامه پروژهای که فرانتاندش رو دیروز زدیم رو بریم.…
لینک جدید برای لایو:
https://www.youtube.com/watch?v=I9Nt95NSyb8
  
  https://www.youtube.com/watch?v=I9Nt95NSyb8
YouTube
  
  ساخت یک شبکه اجتماعی ساده با استفاده از NestJS, GraphQL, React, و Chakra UI - قسمت دوم
  توی این قسمت با هم Storybook رو برای پروژه فرانتاند بالا میاریم و چند تا از کامپوننتهارو استوریشونو میسازیم.
  مجموعهای از برگه تقلبهای برنامهنویسی 🔥
وقتی چیزی رو یادتون نمیاد میتونین خیلی سریع نحوهی نوشتن اون دستوری که میخواین رو از اینجا پیدا کنین.
https://devhints.io/
@ProGraphs
  
  وقتی چیزی رو یادتون نمیاد میتونین خیلی سریع نحوهی نوشتن اون دستوری که میخواین رو از اینجا پیدا کنین.
https://devhints.io/
@ProGraphs
Devhints.io cheatsheets
  
  https://assets.devhints.io/previews/index.jpg
  A ridiculous collection of web development cheatsheets
  هزینهی اضافه کردن npm package ی که میخواین به پروژهتون اضافه کنین رو از سایت زیر ببینین 👇🏻
https://bundlephobia.com/
@ProGraphs
  https://bundlephobia.com/
@ProGraphs
🔥 طراحی وب رو از کجا شروع کنم؟ 
هر کدوم از ما روز اولی که میخواستیم طراحی وب رو شروع کنیم، اولین سوالی که داشتیم این بوده که خب از کجا شروع کنم؟ دنبال چه سرنخی باید برم و دنبالش بگردم؟ کدوم منبع بهتره؟ و ...
به نظرم ویدیوهای سیاوش که توی چنل یوتیوباش منتشر میکنه فوقالعاده خوبه 👌🏻(طبعا رایگان هم هست :) )
به این علت که از همون اول در قالب پروژه شروع میکنه آموزش دادن و هر جا هم که نیاز بود مبحثی رو توضیح بده، نکات اون مبحث رو میگه.
https://youtu.be/h4QQ4gD0yek
در کنار ویدیوهای سیاوش، این دو تا سایت هم میتونه بهتون کمک کنه 😉
- https://www.w3schools.com/
- https://css-tricks.ir/reading-list/
@ProGraphs
  
  هر کدوم از ما روز اولی که میخواستیم طراحی وب رو شروع کنیم، اولین سوالی که داشتیم این بوده که خب از کجا شروع کنم؟ دنبال چه سرنخی باید برم و دنبالش بگردم؟ کدوم منبع بهتره؟ و ...
به نظرم ویدیوهای سیاوش که توی چنل یوتیوباش منتشر میکنه فوقالعاده خوبه 👌🏻(طبعا رایگان هم هست :) )
به این علت که از همون اول در قالب پروژه شروع میکنه آموزش دادن و هر جا هم که نیاز بود مبحثی رو توضیح بده، نکات اون مبحث رو میگه.
https://youtu.be/h4QQ4gD0yek
در کنار ویدیوهای سیاوش، این دو تا سایت هم میتونه بهتون کمک کنه 😉
- https://www.w3schools.com/
- https://css-tricks.ir/reading-list/
@ProGraphs
YouTube
  
  آموزش طراحی وب - قسمت اول - Web Development Course - Part 1 - HTML
  این اولین ویدیو از سری آموزشی طراحی وب هست. در این ویدیو مواردی که قراره در دوره آموزش داده بشرو بهشون اشاره کردم و همینطور کلیات HTML و اینکه چطور میتونید بیشتر در این مورد یاد بگیرید رو توضیح دادم. کل آموزش کمتر از ۴۵ دقیقه هست و در انتها تقریبا میتونید…
  
  ProGraphs
🔥 طراحی وب رو از کجا شروع کنم؟   هر کدوم از ما روز اولی که میخواستیم طراحی وب رو شروع کنیم، اولین سوالی که داشتیم این بوده که خب از کجا شروع کنم؟ دنبال چه سرنخی باید برم و دنبالش بگردم؟ کدوم منبع بهتره؟ و ...  به نظرم ویدیوهای سیاوش که توی چنل یوتیوباش…
کنار این منابع جانبی، javascript.info هم منبع خوبیه. ✌🏻
https://javascript.info/
ممنون از Eddie عزیز بابت معرفی این سایت
@ProGraphs
  
  https://javascript.info/
ممنون از Eddie عزیز بابت معرفی این سایت
@ProGraphs
javascript.info
  
  The Modern JavaScript Tutorial
  Modern JavaScript Tutorial: simple, but detailed explanations with examples and tasks, including: closures, document and events, object oriented programming and more.
  همگیت، سرویس گیت مدیریتشده است که با توجه به تحریمهای گیتلب و گیتهاب میتوانید از آن به صورت رایگان استفاده کنید. علاوه بر امکان مدیریت نسخه، سایر امکانات نظیر CI/CD نیز به صورت رایگان و با رانر داخل ایران قابل استفاده است. ✌🏻
برای ثبتنام و استفاده به کنسول همروش مراجعه کنید. console.hamravesh.com
https://hamgit.ir/
@ProGraphs
  برای ثبتنام و استفاده به کنسول همروش مراجعه کنید. console.hamravesh.com
https://hamgit.ir/
@ProGraphs
با توجه به تحریمهای جدید گیتلب و امکان بسته شدن اکانتها، برای جلوگیری از «عدم دسترسی و از بین رفتن پروژهها»، محمد عزیز @mammad2c اسکریپتی نوشته تا بتونین همه پروژههاتونو یکجا کلون کنین.
https://github.com/mammad2c/mmd-gitlab-backuper
@ProGraphs
  
  https://github.com/mammad2c/mmd-gitlab-backuper
@ProGraphs
GitHub
  
  GitHub - mammad2c/mmd-gitlab-backuper: a package to backup from all projects that you have on gitlab
  a package to backup from all projects that you have on gitlab - mammad2c/mmd-gitlab-backuper
  
  ProGraphs
با توجه به تحریمهای جدید گیتلب و امکان بسته شدن اکانتها، برای جلوگیری از «عدم دسترسی و از بین رفتن پروژهها»، محمد عزیز @mammad2c اسکریپتی نوشته تا بتونین همه پروژههاتونو یکجا کلون کنین.  https://github.com/mammad2c/mmd-gitlab-backuper  @ProGraphs
این هم یه پکیج دیگه که سینای عزیز @SinaKarimi7 ساخته و میتونین ازش استفاده کنین.
$ pip install gitlab-bk
🚀 https://github.com/SinaKarimi7/Gitlab-Backup
  
  $ pip install gitlab-bk
🚀 https://github.com/SinaKarimi7/Gitlab-Backup
GitHub
  
  GitHub - SinaKarimi7/Gitlab-Backup: Clone all projects in Gitlab account by group at once.
  Clone all projects in Gitlab account by group at once. - SinaKarimi7/Gitlab-Backup
  🔺Interview Questions For Full Stack Developers ☕️ 
https://www.fullstack.cafe/
شما هم لینکها و سایتهایی رو که برای آماده شدن در مصاحبههای برنامهنویسی به کار میان رو در بخش کامنت بنویسین :)
#interviewquestion #fullstack
@ProGraphs
  
  https://www.fullstack.cafe/
شما هم لینکها و سایتهایی رو که برای آماده شدن در مصاحبههای برنامهنویسی به کار میان رو در بخش کامنت بنویسین :)
#interviewquestion #fullstack
@ProGraphs
www.fullstack.cafe
  
  FullStack.Cafe - Kill Your Next Tech & Coding Interview
  Curated Collection Full-Stack, Coding, Data Structures & System Design Interview Questions To Kill Your Next Tech Interview and Get Your Next Six-Figure Job Offer
  ⁉️ What is the difference between this & that in front-end development ?
https://thisthat.dev/
@ProGraphs
  https://thisthat.dev/
@ProGraphs
دیزاین سیستم سنّت (دیزاین سیستمِ دیوار)
مجموعهای از ابزارها و کامپوننتها برای ساختن تجربهٔ دیجیتالی سازگار، پایدار و دسترسپذیر
https://sonnat.design/
@ProGraphs
  
  مجموعهای از ابزارها و کامپوننتها برای ساختن تجربهٔ دیجیتالی سازگار، پایدار و دسترسپذیر
https://sonnat.design/
@ProGraphs
www.sonnat.design
  
  دیزاین سیستم سنّت
  دیزاین سیستم سنّت - مجموعهای از ابزارها و کامپوننتها برای ساختن تجربهٔ دیجیتالی سازگار، پایدار و دسترسپذیر
  Forwarded from Design Stuff
  
یه سایت خوب، برای مقایسهی فونتهای فارسی که تا الان طراحی شده
https://daskhat.dexignresources.com
این سایت امروز رونمایی شد 👌
#Source #Type
🦚 @Design_Stuffs
  https://daskhat.dexignresources.com
این سایت امروز رونمایی شد 👌
#Source #Type
🦚 @Design_Stuffs
منابع دیزاین مورد نیاز خود از سایت زیر پیدا کنید.
https://dexignresources.com/
📌 شما هم سایتهای مرجعی که برای منابع دیزاین میشناسین رو معرفی کنین! ✌🏻
@ProGraphs
  https://dexignresources.com/
📌 شما هم سایتهای مرجعی که برای منابع دیزاین میشناسین رو معرفی کنین! ✌🏻
@ProGraphs