30345
توییت های برنامه نویسی و طراحی وب :) @dvtwi Hashtags: devtwitter.t.me/5 DevBooks Channel: https://t.me/+AYbOl75CLNYxY2U0 Github: https://github.com/DevTwitter X: https://x.com/devtwittir
گرافیت، یه نرم‌افزار متن‌باز و رایگان برای ویرایش وکتور و تصویره که کلی توجه‌ها رو به خودش جلب کرده.
فعلا فقط نسخه وب در دسترسه اما برنامه دارن تا اپ نیتیو برای سیستم عامل‌های مختلف هم بنویسن.
آدرس نسخه وب:
https://editor.graphite.rs
سورس کد:
https://github.com/GraphiteEditor/Graphite
@DevTwitter | <ِYaser Shahi/>
اپلیکیشن تحت وب لیست کارها (To-Do List WebApp) V.2.0
نسخه نهایی
امکانات:
قابلیت ویرایش تسک‌ها
- ذخیره‌سازی خودکار تسک‌ها در Local Storage
- طراحی ساده، زیبا و واکنش‌گرا
- دکمه تغییر تم روشن/تاریک به همراه دکمه سوییچ
- شمارنده تسک‌های انجام‌شده و کل
- فیلتر کردن تسک‌ها (همه، انجام‌شده، انجام‌نشده)
- نوار جستجو برای یافتن تسک‌های به خصوص
- قابلیت Progress Bar برای نمایش میزان درصد پیشرفت انجام تسک‌ها
مخزن گیتهاب:
https://github.com/KEANU2003/To-Do-List-WebApp
@DevTwitter | <Kian Mahmoudi/>
زیتل هم البته از نظر کیفیت سرویس دهی خوبه، ولی هم همه جا پشتیبانی نمیشه، هم هزینه‌ی تجهیزات اولیه بالاست.
هزینه‌ی اینترنت نسبت به سرعت و کیفیتی که میگیری معمولیه.
لایکاتونو دوست دارم
دوستان از همراه اول هم شاکی هستن
میتونید سر وپلایزر رو کلاه بزاید و زبان دلخواهتون رو اضافه کنید داخلش
مثلا سایت با جنگو هست ولی شما میتونید اضافه کنید که بزنه سایت وردپرسی هست
https://github.com/mohammadhasananisi/display-fake-technology-of-site
@DevTwitter | <Mohammad Hasan/>
افزودن به سبد خرید» کجای پروژه باید انجام بشه؟
فرانت یا بک‌اند؟ یا هر دو؟
این سوال ظاهراً ساده، ولی پشتش معماری، UX و حتی امنیته.
گزینه اول: همه‌چی سمت فرانت (مثلاً فقط توی localStorage)
خوبه چون:
خیلی سریع اجرا میشه
کاربر حس "لگ" نمی‌گیره
ترافیک سرور هم کمتره
بدی‌هاش:
موجودی واقعی محصول چک نمیشه
سبد خرید بین دستگاه‌ها همگام نیست
قیمت‌ها ممکنه outdated باشن
گزینه دوم: هر بار تغییر → درخواست به بک‌اند
خوبه چون:
همه‌چیز همیشه دقیق و روی دیتابیسه
امکان تحلیل و گزارش‌گیری بهتره
ولی:
تجربه کاربری کند میشه
هر کلیک، یه درخواست جدید!
راه حل حرفه‌ای: ترکیب جفتش با Optimistic UI
- کاربر روی "Add to cart" کلیک میکنه
- آیتم فوراً توی UI نشون داده میشه (خوش‌بینانه)
- همزمان، یه درخواست async به بک‌اند می‌ره
- اگر خطا بود (مثلاً موجودی تموم شد)، تغییر UI برمی‌گرده
بک‌اند هم سبد رو توی دیتابیس ذخیره میکنه، موجودی و قیمت رو چک میکنه، و آماده تبدیل به سفارش نهایی هست
@DevTwitter | <Abolfazl Javadinia/>
این رو زمانی نوشتم که پروژه رو تحویل دادم ولی هنوز تسویه نکرده بودن
گفتن بدید کد رو بعد تسویه میشه
میتونید باهاش کد های فست ای پی ایتون رو کامپایل کنید
بعد اگر مثل من به مشکل خوردید حداقل دستتون پر باشه!
نه اینکه کد کامل دست کارفرما باشه
https://github.com/mohammadhasananisi/compile_fastapi
@DevTwitter | <Mohammad Hasan/>
دکمه اشتراک گذاری در شبکه های اجتماعی (Social Media Sharing Button)
درباره
یک کامپوننت خلاقانه و تعاملی برای نمایش لینک‌های شبکه‌های اجتماعی با طراحی مدرن و انیمیشن جذاب. این پروژه با HTML و CSS ساخته شده و مناسب استفاده در صفحات پروفایل، کارت‌های معرفی یا پروژه‌های شخصی است.
ویژگی‌ها
- طراحی کارت با اطلاعات توسعه‌دهنده
- دکمه اشتراک‌گذاری با افکت انیمیشنی زیبا
- پشتیبانی از انواع شبکه‌های اجتماعی
- افکت Hover با ظاهر شدن تدریجی آیکون‌ها
- طراحی ریسپانسیو
- استفاده از RemixIcon و فونت Google (Montserrat)
تکنولوژی‌ها
این پروژه با استفاده از تکنولوژی‌های زیر توسعه داده شده:
- HTML5
- CSS3
- Google Fonts (Montserrat)
- Remix Icon CDN
- CSS Variables
- CSS Transitions & Transformations
لینک مخزن گیتهاب:
https://github.com/KEANU2003/Social-Media-Button
@DevTwitter | <Kian Mahmoudi/>
چند وقت پیش رو یه چیزی ما کار کرده بودیم برای مدیریت تسک ها و یادداشت ها و ... اوپن سورس هست راحت هم میشه دست کاریش کرد
برای اعضا تیم خودمون درست کرده بودیم تا بتونن کاراشون رو مدیریت کنن
ولی شاید بدرد بقیه هم بخوره
https://github.com/aturzone/TaskSphere
@DevTwitter | <Atur/>
یک خطا، یک درس مهم در NestJS + TypeORM
جدیدا با داداشمون نست جی اس آشنا شدم خیلی مرده هااااا
یعنی شما یک پارچه آقا رو در این فریمورک میبینید ولاغیر دوستان من
حالا بیاین یه مشکل کوچیک که من بهش برخورد کردم رو هم یه نگاهی بندازیم شما بدونین دیگه بهش بر نخورید
متن ارور به شرح زیر بود :
EntityMetadataNotFoundError: No metadata for "Task" was found.
ترجمه ساده خطا:
"من نمی‌دونم موجودیتی به اسم Task چیه! تو گفتی باهاش کار کنم، ولی هیچ متادیتایی ازش ندارم."
دلیل خطا:
در فایل app.module.ts فراموش کرده بودم موجودیت‌هام رو به TypeORM معرفی کنم. چون آرایه entities خالی مونده بود، TypeORM نتونست فایل task.entity.ts رو شناسایی کنه.
راه‌حل حرفه‌ای‌تر:
به جای اضافه کردن دستی هر entity، از گزینه autoLoadEntities: true استفاده کردم. این تنظیم باعث میشه هر موجودیتی که با TypeOrmModule.forFeature() ثبت شده، خودش به صورت خودکار لود بشه.
با این کار، هم خطا برطرف شد، هم ساختار پروژه مقیاس‌پذیرتر و تمیزتر شد.
@DevTwitter | <Abolfazl Javadnia/>
روژه‌ای ساده و کاربردی برای تشخیص پلاک خودروهای ایرانی با استفاده از مدل YOLOv8. این پروژه تلاش می‌کند پلاک‌ها را در تصاویر به صورت خودکار شناسایی کند و می‌تواند به عنوان پایه‌ای برای سیستم‌های کنترل ترافیک یا پارکینگ‌های هوشمند استفاده شود.
کد و مستندات پروژه در گیتهاب:
https://github.com/mmd1426/License-Plate-Iran-Car-Yolov8
@DevTwitter | <Mahdi/>
🚀یک ماه هاست رایگان بدون قطعی با تضمین انتقال!
💚همین حالا سایتت رو به صورت رایگان به هاست وردپرس مدیریت شده بُردار منتقل کن و با سرعت بیشتر و بدون هیچ نگرانی، فقط روی توسعه کسب و کارت تمرکز کن!
✅انتقال ۱۰۰٪ رایگان و خودکار
✅پشتیبانی ۲۴/۷ و پاسخگو
✅آپتایم همیشگی ۹۹.۹٪
✅هاستی کاملا مدیریت شده
⭕با کد تخفیف 100 درصدی زیر، 30 روز کاملا رایگان استفاده کنید:
migrate
🌐همین حالا مهاجرت کن👇👇
https://jryn.me/z5PQw7
این ده تا تمرین برای Data Engineering حدود خوبی از دانش فنی یک مهندس داده جونیور و متوسط رو پوشش میده.
پیشنهادش میکنم.
https://github.com/danielbeach/data-engineering-practice
@DevTwitter | <Saman/>
اگر تعطیلات عید دنبال اجرای ایده در زمینه AI Agentها هستید این 100 AI Agent Ideas برای شما و دوستانتون هست.
@DevTwitter | <Amir/>
امروز صبح که IDE رو باز کردم، تموم شدن لایسنس دوساله‌ی Github Copilot خورد تو صورتم.
از این به بعد باید همه چیز رو خودم بنویسم :')
گوگل اپلیکیشن هوش مصنوعی Doppl را برای پرو مجازی لباس معرفی کرد
گوگل اپلیکیشن جدیدی به نام Doppl را معرفی کرده است که کاربران به کمک آن می‌توانند لباس‌های مختلف را مجازی و با استفاده از فناوری هوش مصنوعی روی بدن خود مشاهده و پرو کنند.
نحوه عملکرد Doppl به این صورت است که کاربر ابتدا عکس تمام‌قد از خودش آپلود می‌کند. سپس می‌تواند تصاویری از لباس‌ها، چه از فروشگاه‌های اینترنتی، شبکه‌های اجتماعی، یا حتی لباس تن دوستانش را انتخاب و روی نسخه مجازی خود امتحان کند. پس از انتخاب لباس، اپ تصویری می‌سازد که نشان می‌دهد لباس موردنظر بر تن کاربر چطور است. کاربران حتی می‌توانند ویدیویی مبتنی‌بر هوش مصنوعی از خود با لباس انتخابی بسازند.
این اپ آزمایشی هم‌اکنون برای سیستم‌عامل‌های iOS و Android و فقط در ایالات متحده در دسترس است.
@DevTwitter | <Digiato/>
قبلنا مودب‌تر بودم
آدم کم کم به بی آبرویی عادت میکنه :)))
توی اینترنت ثابت، من از های‌وب شدیدا راضی بودم یه زمانی
ولی خب بعدا که مخابرات اومد و همه جا FTTH راه اندازی کرد دیگه های‌وب سرویس نداد.
اخیرا هم بسته‌های به شدت گرونی داشت.
ولی تجربه‌ای که من از های‌وب داشتم این بود که تا وقتی مشکلت حل نشه ولت نمی‌کنن، و هی تماس میگیرن برای پیگیری، اینترنت با ثبات تری نسبت به بقیه داشت.
کسشر تر از ایرانسل خودشه
چهار روزه مودم TD-LTE کلا قطعه
هر بار به پشتیبانی زنگ میزنم یا پیام میدم دقیقا یک سری جمله رو پشت هم میچینن، حتی وقتی اعتراض میکنم. چیزی تغییر نمی‌کنه.
نسخه 7 ویت (Vite) منتشر شد و چیزی که جالب بود اینه که مستندات به زبان فارسی رسماً اضافه شده:
https://fa.vite.dev
جزییات بیشتر:
https://vite.dev/blog/announcing-vite7.html
- دم بچه‌های پر تلاش جامعهٔ فارسی‌زبان گرم
@DevTwitter | <Ali Nazari/>
مدت ها پیش یک دونه کتابخونه (فریم ورک) برای کار راحت تر با ربات های تلگرام در سی شارپ نوشته بودم که اواخر (به دلیل یه دونه درخواست ادامه) یکم بیشتر روش کار کردم و کلا به نظرم حداقل روی برگه پروژه جالبیه.
سورس پروژه در گیتهاب:
https://github.com/TelegramUpdater/TelegramUpdater
پروژه بر پایه رایج ترین کتابخونه ربات های تلگرام در سی شارپ یعنی Telegram.Bot نوشته شده و داخل لیست فریمورک های این کتابخونه هم اسمش اومده
https://github.com/TelegramBots/Telegram.Bot/wiki
البته که هنوز خیلی کار داره، اگر علاقه متد بودید یه نگاه بندازید و یا حتی در توسعش کمک بدید.
@DevTwitter | <immmdreza/>
آپدیت جدید Textfx منتشر شد (نسخه ۲.۱.۰)
از این به بعد می‌تونی یه لودینگ خفن و قابل تنظیم به برنامه‌های ترمینالی‌ات اضافه کنی.
انیمیشن‌های نرم، تنظیمات دل‌خواه، بدون دردسر.
نصبش کن:
pip install --upgrade textfx
گیتهاب: http://github.com/iliakarimi/textfx
@DevTwitter | <Ilia/>
توی این شرایط جنگی، یه ابزار خوب پیدا کردم برای ریسرچ و تحقیق. میشه لوکال ران کرد و از طریق API به مدل زبانی مورد نظرتون وصل میشه. اجراش کردم و بنظرم ابزار ارزشمندیه. لینکش رو میذارم شاید بدردتون خورد:
https://github.com/bytedance/deer-flow
@DevTwitter | <Mori/>
گوگل یه ابزار منتشر کرده که واقعا عجیب غریبه!
به ریپوی کد شما متصل میشه، اون رو در یک ماشین مجازی ابری دیپلوی می کنه، درخواست های شما رو به task تبدیل می کنه و بعد از اینکه تایید شما رو گرفت کد میزنه و در نهایت در قالب pr تحویل میده تا بتونید بررسی کنید!
توی این ویدیو این ابزار رو به صورت عملی بررسی کردم:
https://www.youtube.com/watch?v=zbBXS69-lNA
@DevTwitter | <Saleh Hashemi/>
بالاخره Laravel از ابزار جدید خودش به نام Nightwatch رونمایی کرد!
ابزار Nightwatch یک ابزار مانیتورینگ داخلی برای اپلیکیشن‌های لاراول هست که به شما امکان میده وضعیت سرویس‌ها، پایگاه‌داده‌ها، سرورها و سایر اجزای حیاتی سیستم رو زیر نظر داشته باشید — و در صورت بروز مشکل، به‌صورت خودکار هشدار دریافت کنید.
قابلیت‌هایی که Nightwatch ارائه میده:
بررسی سلامت دیتابیس، queue، حافظه، فضای دیسک و…
تعریف مانیتورهای سفارشی برای اپلیکیشن خودتون
دریافت نوتیفیکیشن از طریق ایمیل، Slack، یا دیگر کانال‌های هشدار
نصب و راه‌اندازی ساده با پشتیبانی کامل از Laravel Forge
این ابزار مستقیماً در دل اکوسیستم لاراول قرار گرفته و برای تیم‌هایی که می‌خوان بدون نیاز به ابزارهای خارجی مثل New Relic یا Datadog، مانیتورینگ اختصاصی و سبکی برای پروژه‌شون داشته باشن، گزینه بسیار خوبی‌ـه.
خودم فعلا اینترنت درست درمون ندارم. بعد از اینکه تونستم تستش کنم تجربم رو باهاتون به اشتراک میذارم. شما هم اگه تونستید باهاش کار کنید تجربتون رو به اشتراک بذارید.
مستندات و معرفی کامل:
https://nightwatch.laravel.com/
@DevTwitter | <Majid Vahidkhoo/>
به طور متوسط، یک مهندس سنیور نرم‌افزار ۳ تا ۵ برابر بیشتر از یک جونیور درآمد داره. این فقط به خاطر تجربه بیشتر نیست، بلکه به دلیل ارزش بیشتری هست که به شرکت میاره.
حالا فرض کنید دو مهندس تو یه شرکت کار می‌کنند:
مهندس A (سخت‌کوش)
- روزی 10 ساعت کار میکنه، باگ‌هارو را درست میکنه و هزاران خط کد می‌نویسه.
- تمام وظایف محول شده رو بدون فکر کردن به تأثیرشون انجام میده.
- و یه جورایی در چرخه‌ی "کار زیاد، پیشرفت کم" گیر کرده.
مهندس B (موثر)
- قبل از نوشتن حتی یک خط کد، وقت می‌گذاره تا مشکل اصلی رو بفهمه.
- می‌تونه یه مشکل بزرگ تو سیستم پیدا کنه و با یک اسکریپت 500 خطی، سالانه ۵۰ تا ۷۰ میلیون تو هزینه‌های شرکت صرفه‌جویی کنه.
- ورک‌فلو رو بهتر میکنه تا سیستم سریع‌تر، بهینه‌تر و مقیاس‌پذیر بشه.
حالا وقتی زمان ترفیع برسه به نظرت شرکت کدوم رو بیشتر میخواد؟
انصاف هست مهندس A که مشغول بوده صرفا و تسک‌هارو انجام میداده و ارزش و تاثیر کمتری تو شرکت میذاره بیشتر ترفیع بگیره؟ خوب نه (نه اینکه نگیره، اینه که بیشتر یا کمتر بگیره)
پس کار ما مساوی هست با تأثیری که می‌گذاریم
چند تا نکته در نهایت
- مشکلات را حل کن، نه اینکه فقط کارارو را انجام بده
- قبل از شروع کدنویسی، بپرس: این چرا مهمه؟
- روی مشکلات بزرگ، بهینه‌سازی و اتومیشن کار کن که ارزش واقعی می‌سازه.
-فراتر از کدنویسی فکر کن
- یک سنیور نصفش مشکل‌گشا و نصفش برنامه‌ریزه.
- یک سنیور سیستم‌ها را طراحی میکنه، پیچیدگی رو کم میکنه و تصمیم‌های بهتر می‌گیره، نه فقط کد بزنه.
- بفهم کارت چطور به شرکت کمک میکنه
- یادت باشه یک اسکریپت 200 خطی که پول صرفه‌جویی کنه، از یک ویژگی 10,000 خطی که کسی استفاده نکنه باارزش‌تره.
- بهترین مهندس‌ها فقط کد نمی‌نویسن، سیستم‌ها محصولات و کارایی رو بهتر میکنن.
- هدف این نیست که کد بیشتری بنویسی، هدف اینه که ارزش بیشتری بسازی.
پس (در یک شرکت یا تیم سالم) ارزش بیشتری بسازی، پاداش بیشتری میگیری.
@DevTwitter | <Saman/>
امروز فهمیدم تو شرکتمون برای کارای web development از سایت bolt.new استفاده میکنن. گفتن اینجوری فقط پول توکن AI رو میدیم و هزینه تموم شده کمتر از نصف هزینه یک دوولوپر تو هند برامون در میاد!
@DevTwitter | <Nima/>
این ریپو را از دست ندید. یک مقاله کامل (survey paper) راجع به Agentic RAG هست به همراه کلی منبع و مطلب آموزشی دیگه راجع به این موضوع!
هم مقاله را بخونید و هم خود ریپو را کامل چک کنید.
https://github.com/asinghcsu/AgenticRAG-Survey
@DevTwitter | <Mehdi Allahyari/>
14 مارس، روز عدد Pi برای اونایی که میدونن چقدر این عدد زیباست مبارک.
@DevTwitter
#کوته_نیوز
مدیرعامل آنتروپیک(Claude):
هوش مصنوعی تا یکسال آینده درِ برنامه‌نویس‌ها میذاره و میفرستتشون باغبونی.
@DevTwitter