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

🎈۳ روز تا مسابقات «هوش مصنوعی» المپیک فناوری ‼️آخر همین هفته ۵شنبه و جمعه، مرحله انتخابی مسابقات «هوش مصنوعی» #المپیک_فناوری پارک پردیس برگزار میشه... 💥 پردازش داده: توی این مسیر، شرکت‌کنندگان با داده‌های جدولی سر و کار دارن و تیم‌ها می‌تونن با استفاده از مهارت‌های تحلیلی و مدل‌سازی توی زمینه‌ی #یادگیری_ماشین به حل چالش‌های این مسیر بپردازن. 💥 پردازش تصویر: توی این مسیر، شرکت‌کنندگان می‌تونن با به‌کارگیری تواناییشون توی استفاده از الگوریتم‌های یادگیری ماشین و #یادگیری_عمیق، به‌خصوص شبکه‌های کانولوشنی (CNN)، به حل این چالش‌ها بپردازن. 💥 پردازش متن: توی این مسیر شرکت‌کنندگان می‌تونن با استفاده از تکنیک‌های پردازش زبان طبیعی (NLP)، الگوریتم‌های #یادگیری_ماشین و یادگیری عمیق به حل این چالش‌ها بپردازن. 🎁 ۱۸۰ میلیون تومان جایزه نقدی برای مسیر هوش مصنوعی ✅ اطلاعات بیشتر و ثبت‌نام تیمی در مسیر هوش مصنوعی: 🔗 https://quera.org/r/hu441 ➖➖➖➖➖ @Quera_ir @Olympics_tech #Quera #Quera_contest

‏ما اغلب گرفتار محدودیت‌های ذهنمون هستیم. اینو وقتی دیدم از پورت 1 هم میشه استفاده کرد فهمیدم @DevTwitter | <M.Ali/>

💎کیفیت، تعیین کننده است💎 اولین جشنواره سرویس LTE آسیاتک، با ۳۰۰ هزار تومان تخفیف 👇🏻👇🏻 🌟۴۰۰ گیگ اینترنت بین‌الملل شــ۶ـــش ماهه ⬅️ به همراه سیمکارت LTE 💰 فـــــقـــــط ۱.۱۵۰.۰۰۰ تومان 📌کد تخفیف: LTE300 🌐برای دریافت تخفیف‌های ویژه کلیک کنید. 🌐برای دریافت تخفیف‌های ویژه کلیک کنید. ☎️تماس با شماره رایگان ۰۰۰۰ ۹۰۰۰ (داخلی ۹۹)

یک بار برای همیشه،‌ redux یا zustand در این پست به مقایسه redux toolkit و zustand میپردازم. ابتدا توضیح هر کدوم رو میدم و ساختارها رو میگم سپس تفاوت ها و شباهت ها رو میگم. خوبی ها و بدی های هر دو رو میگم. تجربه خودم رو هم میگم. توضیح redux toolkit و ساختارش: از پترن slice استفاده میکنه. برای هر بخشی میتوانیم یک slice داشته باشیم. یک slice از استیت و یک سری توابع تشکیل میشه که بوسیله تابع ها، مقدار استیت اش رو تغییر میدیم. برای فراخوانی توابع باید اونا رو dispatch کنیم. هر جا هم که مقدار یک استیت رو خواستیم با selector میایم مقدارش رو میخونیم که از نظر reRender هم بهینه است. کلا یک provider و store داره. (میتونه چند تا store و provider داشته باشه که توصیه نمیشه). توضیح zustand و ساختارش: از پترن خاصی استفاده نمیکند و دست ما کاملا باز است. به سادگی میتوانیم برای هر بخش یک store ایجاد کنیم و از آن استفاده کنیم. در یک store ما هم کلید هایی داریم که داخلش مقادیر رو نگه میداریم و هم توابع رو تعریف میکنیم و همه یک جا هستند (مثل کلید های یک ابجکت). با استفاده از توابع میتوانیم مقادیر استیت رو اپدیت کنیم و نیازی به dispatch کردن نداریم بلکه تنها آن تابع را صدا میزنیم و برای گرفتن مقدار یک استیت از selector استفاده میکنیم که از نظر reRender هم بهینه است. از ساختار provider استفاده نمیکند و میتوانیم به راحتی چندین store برای هر بخش از برنامه خودمان داشته باشیم. برای ssr هر کدام چگونه هستند؟ در کتابخانه redux toolkit هنگامی که داریم یک store را ایجاد میکنیم باید توی تابع createStore یک ابجکتی از مقادیر اولیه را بدهیم و اینگونه برای ssr مقدار دهی میشود. در کتابخانه zustand باید یک provider و context ایجاد کرد و store زوشتند را در کل برنامه به اشتراک گذاشت تا بقیه کامپوننت ها بتوانند به آن دسترسی داشته باشند. حالا در لحظه ای که داره اون کانتکست ایجاد میشه و به اشتراک گذاشته میشه باید store رو با مقادیر اولیه بسازیم و تو کل برنامه به اشتراک بزاریم. (یه جورایی یک store ایجاد میکنیم برای استیت ها و توابع ای که توی ssr نیازش داریم) خوبی های redux toolkit: دارای ساختار قوی و نظام مند استفاده خودکار از immer عدم نیاز به کانفیگ خاص و نوشتن کد اضافه برای هندل کردن ssr خوبی های zustand: در تمام فایل ها میتوان از استیت و توابع استفاده کرد و آنها را صدا زد. (چون برخلاف redux از provider استفاده نمیکند) قابلیت multiple store. میتوان برای هر بخش که بخواهیم یک store جداگانه ایجاد کنیم. حجم بسیار پایین gzipped: کمتر از 1 کیلوبایت سادگی بسیار زیاد و عدم نوشتن کدهای تکراری و رعایت ساختار (حجم کد کمتر => حجم باندل کمتر) بدی های redux toolkit: به store در فایل هایی دسترسی داریم که درون provider و به عنوان فرزندی از آن باشند و در خارج از provider به آن دسترسی نداریم. (بر خلاف zustand) حجم زیادتر gzipped نسبت به zustand: حدود 15 کیلوبایت تکرار کردن ساختار و نوشتن کدهای تکراری و import های useDispatch و رعایت پترن slice در نتیجه حجم کد بیشتر => حجم باندل بیشتر بدی های zustand: عدم ساختار و احتمال کثیفی کد هنگامی که کدها زیاد و زیادتر میشوند. نیاز به هندل کردن ssr به صورت دستی و نوشتن provider برای آن. @DevTwitter | <Mohammad Reza G./>

مقاله‌ای که خوندم یه سوال مصاحبه جاوااسکریپت رو بررسی می‌کرد که بیشتر آدما اشتباه جواب میدن. اصل قضیه اینه که توی جاوااسکریپت، کد همزمان (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/>

📌 مینی دوره رایگان مقدماتی برنامه نویسی پایتون 🔰 تیم Persian CS50 که در زمینه دریافت مدرک دوره CS50 از هاروارد فعالیت میکنه، یه دوره رایگان مقدماتی برنامه نویسی پایتون برگزار کرده! 📍 پایتونی که بلد بودنش حتی بصورت مقدماتی نیاز هر دانشجو از هر رشته س! پس اگه دانشجویی یا قصد یادگیری برنامه نویسی داری 🖥 یا حتی اگه به فکر مهاجرت یا تقویت رزومه ت هستی و دوست داری مدرک هاروارد رو داشته باشی همین الان وارد کانال پایین شو تا هم پایتون رو یاد بگیری هم با طرح های مختلف Persian CS50 برای دریافت مدرک cs50 هاروارد آشنا بشی😎👇 @persian_cs50 @persian_cs50 @persian_cs50

#کدبوک کتاب 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/>

⭐️ میشه همه‌چیز رو اونجوری بسازی که خوش‌حال‌تر باشی 🟣 دنیارو... 🟣 آینده رو... 🟣 حتی مسیرت رو... 💯 اگه به برنامه‌نویسی علاقه داری و میشه روی همت و پشت‌کارت حساب کرد، در استعدادسنجی ما شرکت کن و استعدادت رو برای ورود به دنیای آینده محک بزن! 🚨 شرکت در آزمون استعدادسنجی ➡️ و یا برای کسب اطلاعات بیشتر کافیه به آی‌دی ما پیام بدی! ‌‌‌‌ 🆔 @MaktabSharif_Admin ▪️▫️▪️▫️▪️▫️▪️▫️▪️▫️ 🌐 وبسایت |🌐کانال تلگرام | 📹 اینستاگرام #استخدام_با_طعم_آموزش

تغییر دادن response در chrome؛ اگر نیاز دارید response که از سرور دریافت میکنید را تغییر بدهید فقط کافی است DevTools را باز کنید و مثل ویدیو زیر دیتای response مورد نظرتان را به آن شکلی که دوست دارید تغییر بدهید، این تغییر در chrome ذخیره میشود و در زمان reload صفحه پایدار میماند. به طور مثال از این روش میتوان برای تست application و یا ساختن data mock استفاده کرد. @DevTwitter | <Mohammad Reza M./>

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

⚽️ دقیقه 90 بازی رو ببر✌️ ⚪️ کندو اینجاست که تو رو به سمت درست مسیر شغلی آی‌تی ببره، دقیقا مثل ۱۸۰۰۰۰ دانشجوی متخصصی که تا به امروز داشتیم.💛 ⚪️ خبر خوب اینه که یه قدم با شروع این مسیر فاصله داری.🌟 ❌ فقط تا آخر هفته با تخفیف‌های ۱۰٪ تا ۵۰٪ می‌تونی در دوره‌های کندو ثبت‌نام کنی. 🔥 این فرصتیه که می‌تونی هوشمندانه‌تر عمل کنی و بازی رو به نفع خودت برگردونی! 🏆 ◀️◀️◀️ ثبت‌نام کن. ➡️➡️➡️ مشاوره تخصصی و رایگان بگیر: 👩‍💻@candoM_Jani 👩‍💻@candoF_Ebrahimi 👩‍💻@candoZ_Qoliha 🌻 آموزشگاه مهندسی کندو برترین آموزشگاه IT ایران | We CanDo IT 💪 🌐 @cando_ac