یه ویدئوی عالی درباره‌ی نحوه کار Event Loop، Web APIs و Task Queue در جاوااسکریپت که خیلی جالب بود!

https://youtu.be/eiC58R16hb8?si=rFgZIo_I0Lh3rQ03

🔴<CodeHub/>

جاوااسکریپت یک زبان تک‌ترد است، به این معنی که در هر لحظه فقط می‌تواند یک عملیات را اجرا کند. برای مدیریت عملیات‌های غیرهم‌زمان (asynchronous)، مفاهیمی مانند حلقه رویداد (Event Loop)، وب APIها (Web APIs) و صف‌های وظیفه (Task Queues) در این زبان وجود دارند.

پشته فراخوانی (Call Stack): محل ذخیره‌سازی توابعی است که قرار است اجرا شوند. هر زمان که تابعی فراخوانی می‌شود، به بالای پشته افزوده می‌شود و پس از اتمام اجرا، از پشته خارج می‌شود.

وب APIها (Web APIs): مرورگرها مجموعه‌ای از APIها را فراهم می‌کنند که امکان انجام عملیات‌های غیرهم‌زمانی مثل تایمرها (setTimeout)، درخواست‌های شبکه‌ای (fetch) و مدیریت رویدادها را می‌دهند. این عملیات‌ها خارج از پشته فراخوانی و در محیط مرورگر انجام می‌شوند.

صف وظایف (Task Queue): زمانی که یک عملیات غیرهم‌زمان به پایان می‌رسد، تابع بازگشتی آن در صف وظایف قرار می‌گیرد تا زمانی که پشته فراخوانی خالی شود، در نوبت اجرا قرار گیرد.

حلقه رویداد (Event Loop): مکانیزمی است که به‌طور مداوم بررسی می‌کند آیا پشته فراخوانی خالی است یا خیر. اگر خالی باشد، اولین تابع از صف وظایف را به پشته اضافه کرده و اجرا می‌کند. این فرایند به جاوااسکریپت این امکان را می‌دهد که عملیات‌های غیرهم‌زمان را مدیریت کند و یک رابط کاربری پاسخ‌گو ایجاد نماید.

صف میکروتسک‌ها (Microtask Queue): این صف حاوی وظایفی با اولویت بالاتر است، مانند توابع بازگشتی مربوط به Promiseها. حلقه رویداد ابتدا تمام میکروتسک‌ها را قبل از پردازش تسک‌های عادی از صف وظایف اجرا می‌کند.

🔴<CodeHub/>

‏من کتاب مهندسی پرامپت گوگل که چند روزه وایرال شده رو به فارسی ترجمه کردم و گذاشتم روی گیتهاب.

کتاب خوبیه، سبکه و اصول اولیه و روش‌های اصلی رو شرح داده و دسته‌بندی کرده و خواننده یه جورایی شیرفهم میشه که چطوری میشه پرامپت نوشت.

بخونین و به اشتراک بذارید
https://teal33t.github.io/prompt-engineering/

@DevTwitter | <Saman/>

برخلاف نظرات این همه آدم مبنی بر یاد نگرفتن Programming حالا نظر مدیر عامل GitHub برعکس هست، میگه از دوران کودکی باید Programming در مدرسه آموزش داده بشه چون آینده در اختیار Software خواهد بود و هرکسی میتونه وارد این فضا بشه و با AI این امکان راحت تر شده.

https://www.youtube.com/watch?v=5UhnQ2h-5BY

@DevTwitter | <Max Shahdoost/>

🔥 یه ابزار خفن برای دولوپرای React!
اگه می‌خوای بدون دردسر بفهمی کدوم کامپوننت‌ها توی پروژه‌ت باعث کندی شدن اپ شدن، React Scan رو از دست نده!

🧠 چی کار می‌کنه؟
ابزار React Scan به‌صورت خودکار مشکلات پرفورمنس رو توی اپ Reactت شناسایی می‌کنه. لازم نیست هیچ تغییری تو کدت بدی یا دیباگرهای پیچیده استفاده کنی. فقط اسکریپتش رو بذار، خودش باقی کارا رو انجام می‌ده 😎

✅ بدون نیاز به تغییر کد
✅ کامپوننت‌هایی که نیاز به بهینه‌سازی دارن رو هایلایت می‌کنه
✅ با همه‌چی سازگاره: Next.js، Vite، Remix و حتی با یه تگ ساده <script> توی HTML هم راه می‌افته!

دموی آنلاینشم داره،
🧪 لینک دمو

🔵 <CodeHub/>

این کتابخونه ی FastAPI-MCP خیلی کار و آسون کرده..

یه نگاهی بش بندازین، باش می‌تونین به‌صورت خودکار تمام endpoint‌هاتون رو به ابزار MCP تبدیل کنین

لینکش:
https://github.com/tadata-org/fastapi_mcp

@DevTwitter | <Sam92/>

تفاوت بین SSR, CSR, SSG و ISR : بررسی دقیق و کاربردی

بعضی وقتا توی دنیای وب، وقتی میخوایم سایت‌هامون رو بسازیم، با اصطلاحاتی مثل SSR، CSR، SSG و ISR روبه‌رو میشیم. اما اینا چیا هستن و چه تفاوت‌هایی با هم دارن؟ 🤔

🔸 (رندر سمت کلاینت) CSR :

در این روش، محتوا در مرورگر کاربر با استفاده از جاوا اسکریپت رندر میشه. در اینجا، سرور فقط داده‌های خام رو میفرسته و بارگذاری صفحه با استفاده از جاوا اسکریپت و استایل‌ها در مرورگر کاربر اتفاق میفته. این روش برای اپلیکیشن‌های پیچیده و با محتوای پویا مناسب‌تره، ولی یه مشکل اصلی داره: SEO به خاطر اینکه موتورهای جستجو نمی‌تونن محتوای جاوا اسکریپت رو درست ایندکس کنن.

🔸 (رندر سمت سرور) SSR :

این روش یه مزیت بزرگ برای سئو داره چون محتوای HTML قبل از ارسال به مرورگر روی سرور رندر میشه. یعنی سرور مسئولیت ساخت محتوای صفحه رو بر عهده می‌گیره و به کاربر یک صفحه کامل و آماده میده. البته بار سرور بالا میره و ممکنه واکشی داده‌ها زمان‌بر بشه.

🔸 (تولید سایت ایستا) SSG :

در این روش، تمام صفحات سایت در زمان ساخت به صورت HTML ایستا رندر میشن. این یعنی صفحات از قبل آماده‌سازی میشن و وقتی کاربر درخواست میده، سریع بهش داده میشه. این استراتژی برای سایت‌هایی که نیاز به محتوای ثابت دارن عالیه، چون بارگذاری خیلی سریع‌تره و امنیت بیشتره.

🔸(بازسازی استاتیک افزایشی) ISR :

این روش ترکیبی از SSR و SSG هست. یعنی میشه صفحات ایستا رو پیش از زمان ساخت آماده کرد و به‌طور دوره‌ای صفحات خاصی رو با داده‌های جدید به‌روز کرد. این مدل برای سایت‌هایی که هم نیاز به سرعت بالا و هم نیاز به داده‌های به‌روز دارند، بهترین گزینه است.

🕔 زمان مناسب استفاده از هر کدوم:

🔹 (رندر سمت کلاینت) CSR: برای اپلیکیشن‌های پیچیده و پویا

🔹 (رندر سمت سرور) SSR: برای سایت‌هایی که نیاز به SEO بالا و سرعت بارگذاری اولیه دارند

🔹 (تولید سایت ایستا) SSG : برای سایت‌های ثابت و کم تغییر

🔹 (بازسازی استاتیک افزایشی) ISR : برای سایت‌هایی که نیاز به محتوای ثابت و به‌روز دارند بدون نیاز به استقرار مجدد


🔵 <CodeHub/>

اگر از Git استفاده می‌کنید، احتمالاً با gitignore. آشنا هستید. ولی یه فایل دیگه هم هست به اسم exclude
حالا این دوتا چه فرقی دارن؟

gitignore.
این فایل توی ریشه‌ی پروژه‌ است و برای نادیده گرفتن فایل‌هایی استفاده میشه که همه‌ی اعضای تیم نباید پیگیری‌شون کنن. خودش هم commit میشه و داخل repo میمونه.

exclude
مسیرش توی git/info/exclude. هست و فقط روی سیستم شخصی شما تأثیر داره. ایده‌آله برای فایل‌هایی که فقط خودت نمی‌خوای track بشن، بدون اینکه توی repo دیده بشن.

پس اگر فایل لوکال خاصی داری و نمی‌خوای توی gitignore. بذاری، برو سراغ exclude

@DevTwitter | <Amir Mohammad Rezvaninia/>

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

🆔 @IranCoderz | 👩‍💻🧑‍💻

🚀 فایرفاکس سورس‌کدش رو پابلیک کرده!
می‌خوای ببینی یه مرورگر واقعی چجوری ساخته می‌شه؟
https://github.com/mozilla-firefox/firefox

#خبر #لینک

نمودار تعداد سوال‌های سایت استک اورفلو (که زمانی اصلی‌ترین مرجع بحث و سوال و جواب برنامه‌نویسی بود) در طول زمان.

به نظر می‌رسه که خیلی زودتر از پیش‌بینی‌ها، مدل‌های زبانی بزرگ استک اورفلو رو از دور خارج کردن؛ اما سوال جالبتر اینه که مدل‌های زبانی بزرگ که با خوندن چیزهایی مثل استک اورفلو برنامه نویس شدن، قراره در آینده با خوندن چی رشد کنن؟ تولیدات خودشون؟ شاید.

https://blog.pragmaticengineer.com/stack-overflow-is-almost-dead/

#Figma_Template

Figma Template: Carea (Car Marketplace)

Difficulty :  ⭐️⭐️⭐️⭐️⭐️

🔗Click for Get Link

🔴 </CodeHub>‌

اگه واسه پروژه React نیاز به یک emoji picker داشتید بنظرم این کتابخونه خیلی میتونه کار راه انداز باشه.
قابلیت شخصی سازی
- اگر اموجی ساپورت نکنه سیستمی خودکار hidden میشه
- با کیبورد هم کار میکنه
(طبق داکیومنت گیت هابش)
با shadcn هم میتونین استفادش کنین


🔴 <CodeHub/>

اینجا 18 تا Public API شرکت ایرانی در حوزه های مختلف جمع آوری شده
که میتونه مفید باشه

دیجی کالا
توضیحات استفاده از API دیجی‌کالا که در gist ارائه شده
https://lnkd.in/dJ_ZkA54

آپارات
اطلاعات کانال‌ها، پروفایل‌ها و ویدئوهای سایت آپارات
https://www.aparat.com/api

نامبرلند
سرویس ارائه شماره مجازی
https://lnkd.in/dYbZvdh7

قیضینو
مجموعه استعلام‌های قبوض مختلف خدماتی از جمله قبض آب و برق و گاز و ...
https://ghabzino.com/api

تامین اجتماعی
مجموعه راهنماهای پیاده‌سازی API دارو و استعلامات تامین اجتماعی
https://lnkd.in/dw4uAGBT

پلاک یاب
سرویس پلاک یاب (با وارد کردن نمره 2 رقمی و حرف پلاک، استان و شهر مربوط به آن پلاک ماشین را پیدا کنید)
https://lnkd.in/diS3VHp6

نسخه غیر رسمی ChatGPT
سرویس ساخت ربات چت جی بی تی هوش مصنوعی
https://lnkd.in/diS3VHp6

بانک ملی
سرویس درگاه پرداخت اینترنتی بانک ملی – سداد
https://lnkd.in/d7biGVAJ

بانک کارآفرین
سرویس درگاه پرداخت اینترنتی بانک کارآفرین - کارت اعتباری ایران کیش
https://lnkd.in/dUiTM4KM

بازار
برای بررسی وضعیت خرید و اشتراک‌های برنامه منتشر شده در بازار
https://lnkd.in/dSR65ja9
زیبال
مجموعه APIهای بانکی و احراز هویت نظیر تطابق کد ملی و شماره موبایل
https://zibal.ir/api

فارس نت
سرویس قابل استفاده در دات‌نت و جاوا برای شبکه واژگانی مورد استفاده در پردازش زبان طبیعی فارسی
https://lnkd.in/ddFjXewZ

سفر 724
وب سرویس و API فروش بلیت اتوبوس که با درخواست ایمیلی ارائه می‌گردد
https://lnkd.in/dQ34p-HW

قیمت دلار
سرویس رایگان دریافت قیمت دلار آمریکا و کانادا بر اساس اطلاعات سایت tgju.org
https://lnkd.in/dPjQHkyr

والکس
API صرافی رمزارز والکس برای معامله کریپتو و دریافت قیمت
https://lnkd.in/dr-p64cw

نشان
API توسعه نقشه نشان که برای دریافت آن نیاز به ثبت‌نام دارید
https://lnkd.in/d39N-uvG

ابر آروان
خدمات شبکه توزیع محتوی ابر آروان
https://lnkd.in/ddHpJ9YT

بورس
وب سرویس رایگان برای بورس تهران. نیازمند درخواست API Key
https://brsapi.ir/

کانال کاریابی و ارتقای برنامه نویسان
https://t.me/webinar_farsi

لاراول پالس:"داشبورد ماشین" برای اپلیکیشن‌تون!

پکیج Laravel Pulse دقیقاً مثل یک داشبورد ماشین عمل می‌کنه و همه چیز رو زیر نظر می‌گیره:
- درخواست‌های کند (کدوم API داره لاک‌پشتی کار می‌کنه؟)
- صف‌های قفل‌شده(کدوم کارها شروع شدن ولی تموم نمیشن؟)
- خطاهای پنهان (همون‌هایی که کاربر می‌بینه و شما نه!)
- ترافیک لحظه‌ای (الان دقیقاً چند نفر دارن با اپ کار می‌کنن؟)

نصبش راحته، مصرفش سبکه، و دیدش بینظیره!

https://www.youtube.com/watch?v=3oEU-yWhBJ4&feature=youtu.be

@DevTwitter | <Arsalan Ahadian/>

دیدین وقتی تو تلگرام کلمه ای تایپ می‌کنید، اموجی پیشنهادی نمایش داده میشه؟

سایت زیر لیست تمام اموجی های ریکامندر رو داره و می‌تونید تو ترجمه کمک کنید و اموجی پیشنهاد بدید
https://translations.telegram.org/fa/emoji

@RoidBest