DevTwitter | توییت برنامه نویسی

مقاله‌ای که خوندم یه سوال مصاحبه جاوااسکریپت رو بررسی می‌کرد که بیشتر آدما اشتباه جواب میدن. اصل قضیه اینه که توی جاوااسکریپت، کد همزمان (Sync) و غیرهمزمان (Async) با هم فرق دارن و باید بدونی چه جوری کار می‌کنن. مثلاً Promise و setTimeout فرق دارن؛ چون Promise توی یه چیز به اسم “میکروتسک” اجرا میشه و setTimeout توی “ماکروتسک”.
مقاله با مثالای واضح توضیح میده که چطوری اینا صف میشن و توی Event Loop اجرا میشن. یه جورایی، اول میکروتسک‌ها مثل کال‌بک‌های Promise اجرا میشن و بعدش نوبت ماکروتسک‌ها مثل setTimeout میرسه. اگه بخوای یه توسعه‌دهنده ارشد باشی و توی مصاحبه‌ها بدرخشی، باید قشنگ بفهمی که جاوااسکریپت چجوری این کارا رو می‌کنه و چطوری ترتیب اجرای تسک‌ها رو هندل می‌کنه.
خیلی خلاصه: یاد بگیر اولویت تسکا رو بشناسی، چون توی جاوااسکریپت مثل اینه که تو ترافیک، آمبولانس اول میره، بعد ماشین‌های دیگه.
https://programming.earthonline.us/can-you-answer-this-senior-level-javascript-promise-interview-question-69f7b6ffc2e7

@DevTwitter <Mohammad Sakizadeh/>

#کدبوک

کتاب Refactoring UI از سازندگان Tailwindcss
این کتاب به جای تمرکز بر تئوری، بر راهکارهای کاربردی و نکات عملی تأکید دارد:

تکنیک‌های ساده برای بهبود سریع ظاهر و کارایی رابط کاربری
اصول طراحی رنگ، تایپوگرافی، فاصله‌گذاری و چیدمان عناصر
نحوه ایجاد سلسله مراتب بصری و هدایت توجه کاربر
راهکارهایی برای طراحی رابط‌های پاسخگو و سازگار با دستگاه‌های مختلف
نمونه‌های قبل و بعد از بازسازی برای نشان دادن تأثیر تغییرات
نکاتی درباره استفاده از سایه‌ها، گرادیان‌ها و سایر جلوه‌های بصری
روش‌های ایجاد تعادل بین زیبایی و کاربردپذیری

* فایل PDF این کتاب رو میتونید از کانال DevBooks که لینکش توی بیو هست دانلود کنید.

@DevTwitter

این ریپو یک ابزاری هست به اسم PyGWalker که کار تحلیل داده و visualization در Jupyter Notebook را با استفاده از تبدیل داده های pandas به یک رابط کاربری تعاملی برای کاوش بصری (visual exploration) بسیار ساده میکنه.
https://github.com/Kanaries/pygwalker

@DevTwitter | <Mehdi Allahyari/>

کدهای Winamp منتشر شد.
خاطرات بچگی...
https://github.com/WinampDesktop/winamp

@DevTwitter | <Alireza Gh/>

برای کشف آسیب‌پذیری‌ها در کد،روزانه به سایت huntr.com‎ مراجعه کنید. این سایت به شما امکان می‌دهد تا با گزارش‌های واقعی از باگ بانتی‌ها و آسیب‌پذیری‌های موجود در کتابخانه‌های متن باز آشنا شوید. بررسی این گزارش‌ها و CVEها به شما کمک می‌کند

@DevTwitter | <Ramin Farajpour Cami/>

شرکت OpenAI به تازگی دیتاست بزرگی چند زبانه
شامل زبان‌های آلمانی، عربی، ژاپنی و ....(فارسی رو نداره)
در 57 کتگوری مختلف از ساده تا پیشرفته
ترجمه شده توسط انسان‌های متخصص
منتشر کرده که میشه برای ارزیابی مدل‌های چند زبانه به کار برد.

لینک دیتاست MMMLU:
https://huggingface.co/datasets/openai/MMMLU

@DevTwitter | <Reza Jafari/>

حدود 180 هزار hashtag اکستنشن به صورت رسمی در hashtag کروم استور گوگل برای استفاده کاربران منتشر شده و بازار جهانی اون طبق گزارش های رسمی 75 میلیارد دلار ارزش گذاری شده و پیش بینی میشه این رقم تا سال 2030 به 125 میلیارد دلار برسه !

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

در قدم اول سعی دارم به شما بگم که چطور میتونین یه اکستنشن کروم بنویسین ، اکستنشن ها ساختار بسیار ساده و جذابی دارن که شما میتونین با زبان های HTML ، CSS ، Javascript پروژه های خودتون رو توسعه بدین .

ایجاد یک فایل manifest.json
این فایل قلب اکستنشن شماست و اطلاعاتی مثل نام اکستنشن، نسخه و مجوزهایی که نیاز داره رو توش مشخص می‌کنید.

نوشتن یک اسکریپت ساده
در فایل background.js یا content.js کدهایی می‌نویسید که اکستنشن شما رو فعال می‌کنه. مثلاً می‌تونید با content scripts به صفحات وب دسترسی پیدا کنید.
اضافه کردن UI
می‌تونید با HTML، CSS و JavaScript یک popup برای اکستنشن‌تون طراحی کنید که به کاربر نشون بده چه کاری می‌تونید انجام بدید.

نصب اکستنشن در حالت Developer
و در نهایت، با استفاده از بخش "Manage Extensions" در کروم، اکستنشن‌تون رو تست کنید. فقط کافیه حالت Developer رو فعال کنید و پوشه پروژه‌تون رو بارگذاری کنید.

شما میتونید آموزش کامل ساخت یک اکستنشن رو توی لینک زیر در وبلاگ من بخونین

https://blog.rezaghz.com/1403/07/how-to-develop-chrome-extension/

@DevTwitter | <Reza Ghasemzadeh/>

این article رو در مورد prompt engineering و قدم های بعدیش نوشتم
خوشحال میشم اگه بهش یه نگاه بندازید
https://msnp1381.github.io/posts/Evolution-Prompt/

@DevTwitter | <Nemat/>

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

@DevTwitter | <Keyhan jk/>

برای typescript سایت جالبی بود

https://www.totaltypescript.com/

@DevTwitter | <Error 403:Forbidden/>

اگر شما هم مثل من مشکل دارید که وقتی میرید توی سایت medium.com و مقالات اکثرا پریمیوم هست و نمیتونید بخونید، باید بگم که خدا شما رو دوست داشته که این پست رو دیدید.
خب حالا راه حل چیه؟
فقط کافیه لینک مقاله رو توی این سایت بزارید readmedium.com و تمام

@DevTwitter | <Amirreza Heydari/>

تغییر دادن response در chrome؛

اگر نیاز دارید response که از سرور دریافت میکنید را تغییر بدهید فقط کافی است DevTools را باز کنید و مثل ویدیو زیر دیتای response مورد نظرتان را به آن شکلی که دوست دارید تغییر بدهید، این تغییر در chrome ذخیره میشود و در زمان reload صفحه پایدار میماند.
به طور مثال از این روش میتوان برای تست application و یا ساختن data mock استفاده کرد.


@DevTwitter | <Mohammad Reza M./>

شرکت lmsys.org وب‌سایت جدیدی برای LLM Jailbreaking راه‌اندازی کرده. در این وب‌سایت شما یک دقیقه وقت دارید تا مدل مربوطه رو مجبور کنید که یک جمله حساس مثل فحش، توهین یا تهدید رو بگه.
جالبه امتحانش کنید:
redarena.ai‎

@DevTwitter | <Shahriar Shariati/>

۲ تا Rest Api با اکسپرس نوشتم یکی شونو با Node ران کردم اون یکی رو با Bun بعد با ابزار wrk بنچمارک گرفتم نتیجه خیلی جالب بود

@DevTwitter | <Erfan/>

ینفر اومده چنل‌های Go رو با C89 پیاده کرده :)
https://github.com/rochus-keller/CspChan

@DevTwitter | <Hossein/>

‏یکی از کاربران Gitlab با ایجاد یک Issue مشکل timeout در زمان اتصال به سرورهای Gitlab رو گزارش می کنه.
طی یک سال گذشته این مشکل بیشتر خودش رو نشون میده تا می‌فهمن برای سرورهای هتزنر این اتفاق میوفته و اونم به این دلیل هست که IP ایران تشخیص داده میشه!
گوگل هم به این مشکل اضافه می شه و ترافیک رو به همین دلیل از هتزنر بلاک می کنه!
دوباره طی این چند هفته این مشکلات زیاد تر میشه به حدی که تمامی locationهای هتزنر دچار این مشکل شدن که ایران تشخیص داده میشن و این issue رو که Gitlab بسته بود دوباره ۲۰ ساعت پیش باز می کنه!
چیزی که می دونیم اینه که ایرانی های زیادی از سرورهای هتزنر به عنوان VPN استفاده می کردن ولی به نظرم مشکل اصلی به این دلیل هست که چون بسیاری از تنظیمات VPN ها، مبدا ترافیک که ایران بوده رو مخفی نمی کرده و ناشناسی در تنظیمات این VPNها مدنظر نبوده، سامانه های CloudFlare و گوگل به طور خودکار IPهای Hetzner رو flag کردن و ایران تشخیص میدن!
https://gitlab.com/gitlab-com/gl-infra/production/-/issues/8121#note_1237201726

@DevTwitter | <Vahid Nameni/>

با استفاده از yt-dlp و این دستور میتونی playlist های یوتوب رو خیلی راحت دانلود کنی و توی پوشه ای به اسم کانال یوتوب و نام playlist به صورت خودکار ذخیره کنی ، همچنین ویدیوها شماره گذاری هم میشن ، البته yt-dlp رو باید نصب کنی که رایگانه

github.com/yt-dlp/yt-dlp‎

@DevTwitter | <Sajjad/>

دولوپرهای گرامی این CVE-2024-46982 روی Next.js که در اصل میتواند منجر به Cache Poisoning یا مسمومیت حافظه پنهان شود رو در نظر بگیرید که چند روزه خیلی ازش صحبت میشه و غیره.
بخوانید:
https://securityonline.info/next-js-vulnerability-cve-2024-46982-cache-poisoning-exploit-threatens-deployments/

https://app.netlas.io/responses/?q=http.headers.x_powered_by%3A%22Next.js%22&page=1&indices=

https://zoomeye.hk/searchResult?q=app%3A%22Next.js%22&from=5o6o54m5MjQwOTE5MDE=

@DevTwitter | <Amir/>

گوگل یک ابزار جدید (عملا یک سیستم RAG) داده به اسم NotebookLLM که فایل هاتون را بهش میدید و قسمت های مختلف را براتون توضیح میده. اما نکته جالب اینه که یک فایل صوتی که حالت پادکست و مصاحبه طور داره درست میکنه که واقعا عالیه. من یک مقاله بهش دادم و این را درست کرد.
تصور کنید که چه کارهای جالبی میشه باهاش کرد.
https://blog.google/technology/ai/notebooklm-audio-overviews/

@DevTwitter | <Mehdi Allahyari/>