DevTwitter | توییت برنامه نویسی
33.5K subscribers
5.73K photos
472 videos
6 files
5.7K links
توییت های برنامه نویسی و طراحی وب :)

Admin:
@dvtwi

Hashtags:
devtwitter.t.iss.one/5

DevBooks Channel:
https://t.iss.one/+AYbOl75CLNYxY2U0

Github:
https://github.com/DevTwitter

X:
https://x.com/devtwittir
Download Telegram
خب گویا tailwind هم به پایانِ خط رسید!
- تعدیلِ ۷۵ درصدِ اعضایِ تیمِ مهندسی.
- سقوطِ ۸۰ درصدیِ درآمدِ شرکت.
- کاهش ۴۰ درصدیِ ترافیکِ مستندات.
- پیوستن به Shopify

ـ AI یه گوگولیِ بی‌رحمه!
https://github.com/tailwindlabs/tailwindcss.com/pull/2388#issuecomment-3717222957

@DevTwitter | <Ayub/>
💔125🍌10❤5
This media is not supported in your browser
VIEW IN TELEGRAM
۲-۳ سال پیش این تاگل شد دعوای دیزاینرها و فرانت‌اند دولوپرها. حرف این بود که طراح‌ها هرچی عشقشون بکشه طراحی می‌کنن و به توسعه فکر نمی‌کنن.

امروز یهو دوباره عکسش رو دیدم و دادم به Claude. تو ۱-۲ دقیقه این خروجی رو تحویل داد.

https://interactive-day-night-toggle.vercel.app/

@DevTwitter | <Hamzeh Ghoreyshi/>
🔥123💔17❤6
This media is not supported in your browser
VIEW IN TELEGRAM
ساخت اپلیکیشن با Google Maps حالا ساده‌تر شده!

کافیه ایده‌ات رو در AI Studio توضیح بدی تا Gemini اپلیکیشن نقشه‌محورت رو بسازه.

با قابلیت‌هایی مثل مسیریابی، مکان‌یابی، آب‌وهوا، Street View و ساختمان‌های سه‌بعدی.

https://ai.studio/build

@DevTwitter | <MaHdI YP/>
🔥32🍌6👎1
#کدبوک

راهنمایی جامع برای طراحی و پیاده‌سازی معماری Micro-Frontend و ساخت سیستم‌های توزیع‌شده در سمت فرانت‌اند:
- آشنایی با اصول معماری Micro-Frontend و تقسیم اپلیکیشن‌های بزرگ به بخش‌های مستقل
- آموزش مدیریت ارتباط، یکپارچگی و هماهنگی بین تیم‌ها و ماژول‌های فرانت‌اند
- بررسی تکنیک‌های استقرار مستقل، مقیاس‌پذیری و مدیریت وابستگی‌ها
- مناسب برای توسعه‌دهنده‌هایی که می‌خوان اپلیکیشن‌های فرانت‌اند بزرگ و پیچیده رو به شکل ماژولار توسعه بدن


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

@DevTwitter
❤14👍3🍌3
This media is not supported in your browser
VIEW IN TELEGRAM
۷ سایت برای پیدا کردن ایده و الهام در طراحی لندینگ‌پیج که ارزش بوکمارک کردن دارن:

۱. سایت ThreeUI — بیش از ۸۰ قالب لندینگ‌پیج مبتنی بر Three.js برای طراحی‌های سه‌بعدی و تعاملی.
https://threeui.com

۲. سایت Lapa Ninja — آرشیوی با بیش از ۷۳۰۰ نمونه لندینگ‌پیج، همراه با اسکرین‌شات کامل و ویدئو.
https://lapa.ninja

۳. سایت Curated Design — مجموعه‌ای از وب‌سایت‌های واقعی و زنده با امکان فیلتر بر اساس سبک طراحی و صنعت.
https://curated.design

۴. سایت Landingfolio — گالری لندینگ‌پیج‌ها، قالب‌های آماده و کامپوننت‌های طراحی.
https://landingfolio.com

۵. سایت SaaS Landing Page — مجموعه‌ای تخصصی از نمونه‌های طراحی لندینگ‌پیج محصولات و کسب‌وکارهای SaaS.
https://saaslandingpage.com

۶. سایت One Page Love — مرجع طراحی سایت‌های تک‌صفحه‌ای، همراه با قالب‌ها و نمونه‌های الهام‌بخش.
https://onepagelove.com

۷. سایت Dark Design — مجموعه‌ای گزینش‌شده از وب‌سایت‌هایی با طراحی Dark Mode و تم تیره.
https://dark.design

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

گاهی یک ایده خوب از ساعت‌ها طراحی از صفر ارزشمندتره.


@DevTwitter | <taghi molavi تقی مولوی/>
❤16🍌5👍1
This media is not supported in your browser
VIEW IN TELEGRAM
بعد از یک سال cortex v4 رو منتشر کردم.

اگر نمی‌دونید چیه، یه پسورد منیجر cli هست که از ۱password cli الهام گرفته ولی یه سری مزیت ها نسبت بهش داره. توی این نسخه قابلیت اتصال به cloud اضافه شده که می‌تونید انتخاب کنید پسوردهاتون روی کدوم سرویس ذخیره بشه.
گوگل درایو، دراپ‌باکس و ۱۳ سرویس دیگه رو پشتیبانی می‌کنه. قابلیت multi-account هم اضافه شده که بتونید اکانت‌های مختلف بسازید. بقیه بخش‌هایی که از قبل داشت بهینه شده و مشکلات امنیتیش برطرف شده. /

در نهایت، این آزادی رو بهتون می‌ده که خودتون تصمیم بگیرید پسوردهاتون رو به چه شکل و کجا ذخیره کنید.

https://github.com/naseridev/cortex/

@DevTwitter | <Nima Naseri/>
🍌26🔥9❤4
معرفی نرم افزار Obsidian

تا حالا شده نکته‌ای یاد بگیری، ایده‌ای به ذهنت برسه یا مطلبی بخونی، اما چند هفته بعد نتونی پیداش کنی؟

اینجاست که Obsidian به کار میاد.

نرم افزار Obsidian ابزاری برای ساخت یک Personal Knowledge Base یا پایگاه دانش شخصی هست.

قابلیت‌های اینهاست:

- ذخیره یادداشت‌ها با فرمت Markdown
- ایجاد ارتباط بین یادداشت‌ها با Backlinks
- نمایش ارتباط ایده‌ها در Graph View
- دسته‌بندی با Tags و Properties
- توسعه قابلیت‌ها با Pluginها
- ذخیره اطلاعات به‌صورت فایل‌های محلی

برای یک برنامه‌نویس یا معمار نرم‌افزار، می‌تونه محل مناسبی برای مدیریت دانش فنی، Design Patterns، معماری نرم‌افزار، ADRها و تجربیات پروژه‌ها باشه.

تفاوت یادداشت‌برداری با مدیریت دانش اینه که فقط اطلاعات رو ذخیره نمی‌کنیم؛ بین اون‌ها ارتباط ایجاد می‌کنیم.

وب‌سایت:
https://obsidian.md


@DevTwitter | <Amir Rahimi Nejad/>
❤39🍌35🔥5
برای اینکه AI یک اپلیکیشن خوب طراحی کنه، چرا باید خودش اپلیکیشن‌های موفق رو بررسی کنه؟

این ایده پشت پروژه Appllama Skills هست.
این پروژه مجموعه‌ای از صفحات و جریان‌های کاربری اپلیکیشن‌های موفق موبایله که از طریق MCP در اختیار ایجنت‌های هوش مصنوعی قرار می‌گیره.

مثلاً فرض کن داری با Claude Code یک اپلیکیشن موبایل می‌سازی. قبل از اینکه سراغ پیاده‌سازی صفحه Onboarding بری، می‌تونی ازش بخوای نمونه‌های موفق این صفحه رو در اپلیکیشن‌هایی مثل Duolingo یا Finch بررسی کنه.

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

بخش جالب‌تر این مجموعه، اسکیل طراحی اونه.
این اسکیل به ایجنت کمک می‌کنه هنگام پیاده‌سازی، استانداردهای طراحی Native، انتخاب کنترل‌های مناسب، رفتار منوها و مسیرهای ناوبری، انیمیشن‌ها و جزئیات تعاملی رو در نظر بگیره؛ مواردی که معمولاً در خروجی‌های اولیه AI به‌خوبی رعایت نمی‌شن.

حتی امکان بررسی اپلیکیشن در Simulator و ضبط جریان کاربری وجود داره تا مشکلات طراحی و تعاملات رو بشه دقیق‌تر بررسی و اصلاح کرد.

هدف اینه که خروجی AI فقط در یک اسکرین‌شات خوب به نظر نرسه، بلکه هنگام استفاده هم تجربه قابل‌قبولی داشته باشه.

اگر با Claude Code، Cursor یا Codex اپلیکیشن موبایل می‌سازید، این پروژه ارزش بررسی داره.

https://github.com/Appllama/appllama-skills

@DevTwitter | <Zeinab Anvari/>
❤21🍌7👍1
Forwarded from 
🔥 جشنواره بلک فرایدی آروان کوین 🎆
🚀 تخفیف‌های استثنایی اشتراک‌های پریمیوم هوش مصنوعی و VPN!

🎉 پیشنهادهای ویژه:
❤️ جمینای Pro | فقط ۲۵۹ هزار تومان ماهانه
😺 جی پی تی Plus | فقط ۱۵ دلار ماهانه

• فعال‌سازی روی ایمیل شخصی شما
• ⚡️ تحویل سریع و پشتیبانی مطمئن
• 💳 پرداخت ریالی و ارزی
• 🎁 کدهای تخفیف محدود تا ۹۹٪

⏳ ظرفیت محدود؛ فرصت رو از دست نده!
🛒 ثبت سفارش از ربات رسمی:
🤖 @ArvanCoinBot
⭐️ @ArvanCoin
Please open Telegram to view this post
VIEW IN TELEGRAM
🍌8👎4❤1
یه نقشه تعاملی از استان های ایران با Claude ساختم.

هاور کنی روی هر استان، عکسش مشخص میشه و روش کلیک کنی، داستانش باز میشه.

آدرس سایت:
https://interactive-iran-map.vercel.app

اگه خوشتون اومد، تو گیت‌هاب استار بدید:
https://github.com/HamzehGhoreyshi/interactive-iran-map

@DevTwitter | <Hamzeh Ghoreyshi/>
❤65🍌25🔥6
یه دوره جالب از دانشگاه استنفورد پیدا کردم که به نظرم ارزش دیدن داره.

The Modern Software Developer (CS146S)

وب‌سایت دوره:
https://themodernsoftware.dev

تمرین‌های عملی در GitHub:
https://github.com/mihail911/modern-software-dev-assignments

چند تا از موضوعاتش رو اینجا می‌گم

موضوع دوره اینه که با ورود هوش مصنوعی، شکل توسعه نرم‌افزار چطور داره تغییر می‌کنه.

البته بحث فقط استفاده از ChatGPT برای نوشتن کد نیست؛ بیشتر درباره اینه که چطور از AI توی کل فرایند مهندسی نرم‌افزار استفاده کنیم

توی سرفصل‌هاش موضوعات جالبی وجود داره:

* موضوع Coding Agents
* موضوع Context Engineering
* موضوع MCP
* موضوع Spec-driven Development
* تست و امنیت با هوش مصنوعی
* موضوع AI Code Review
* طراحی و مدیریت Agentها

یکی از قسمت‌های جالبش هم تمرین‌های عملیشه.

مثلاً توی یکی از تمرین‌ها باید ارتباطات یک جلسه واقعی Claude Code رو با mitmproxy ضبط و بررسی کنید تا ببینید Agent پشت صحنه چطور کار می‌کنه، چه ابزارهایی استفاده می‌کنه و چطور تصمیم می‌گیره.

به نظرم نکته جالب دوره اینه که به‌جای اینکه یاد بگیریم چطور از ابزارهای AI کد بگیریم، سعی می‌کنیم بفهمیم این ابزارها چطور کار می‌کنن و چطور می‌شه ازشون توی یک فرایند مهندسی نرم‌افزار واقعی استفاده کرد.

حتی برای کسایی که توی حوزه DevOps و زیرساخت کار می‌کنن هم مطالبش کاربردیه.

مثلاً فکر کنید Agentی داشته باشید که وضعیت Kubernetes رو بررسی کنه، لاگ‌ها رو تحلیل کنه و توی پیدا کردن علت Incidentها کمکتون کنه.

@DevTwitter | <peyman farahani/>
👍20❤14🍌3
مهندسی در آنتروپیک از مدل جدیدشان یک کار خواست: یک سیستم‌عامل از صفر طراحی کن.
مدل از یک پوشه خالی شروع کرد؛ بیش از ۱۰۰۰ ایجنت را هماهنگ کرد و هشت روز شبانه‌روزی کد نوشت، تست گرفت و بازبینی کرد.
حاصلش یک سیستم‌عامل واقعی شد که روی لپ‌تاپ بوت می‌شود؛ با هسته خودش، درایور دیسک و صفحه‌کلید و شبکه، ذخیره دائمی فایل، پنجره‌ها، صفحه ورود و حتی نصب‌کننده.
آنتروپیک می‌گوید حالا بیش از ۹۰٪ تغییراتی که وارد کدبیس اصلی‌اش می‌شود را Claude می‌نویسد؛ با هدایت انسان.
برداشت من: رقابت برنامه‌نویس‌ها با هوش مصنوعی دیگر عملاً ممکن نیست.
ما وارد فازی شده‌ایم که در آن فقط می‌توانیم نظاره‌گر باشیم؛ ماشینی که در هشت روز یک سیستم‌عامل کامل می‌سازد، دیگر رقیب ما نیست، جانشین ماست.

@DevTwitter | <Legendary Coder/>
❤83🍌21👎17
This media is not supported in your browser
VIEW IN TELEGRAM
معرفی Chatterbox Farsi TTS
چند وقت پیش مدل Pocket TTS فارسی را که آموزش داده بودم معرفی کردم. یه مدل سبک و سریع که روی CPU اجرا میشه . در ادامه‌ی همان مسیر، امروزیک مدل جدید TTS فارسی (بهترین مدل) را که آموزش دادم معرفی می کنم: Chatterbox Farsi.

این بار تمرکز روی کیفیت بود: صدایی فارسی که واقعاً طبیعی باشد؛ نه رباتیک و یکنواخت، بلکه با لحن، مکث و احساسی که از یک گوینده‌ی واقعی انتظار داریم. نتیجه، جهشی محسوس در طبیعی بودن صدا نسبت به Pocket TTS است.

هدف این بود که صدای فارسی تولیدشده با هوش مصنوعی واقعاً طبیعی باشد؛ نه رباتیک و یکنواخت، بلکه با لحن، مکث و احساسی که از یک گوینده‌ی واقعی انتظار داریم.

ویژگی‌ها
- متن معمولی فارسی را مستقیم می‌خواند و به نقطه‌گذاری حساس است: در ویرگول مکث می‌کند، در پایان جمله لحن پایین می‌آید و در جمله‌های پرسشی لحن بالا می‌رود.
- شبیه‌سازی صدا فقط با ۵ تا ۱۰ ثانیه نمونه‌ی صدای یک نفر.
- دو صدای آماده‌ی زن و مرد.
- از متن خبری و آموزشی تا داستان و گفت‌وگوی محاوره‌ای و جمله‌های هیجانی و پرسشی را با لحن مناسب می‌خواند.
- کنترل «اضافه» از طریق متن: نوشتن کسره (کتابِ من) اضافه را اعمال می‌کند و ویرگول جلوی اضافه‌ی ناخواسته را می‌گیرد.
- روی کارت گرافیک انویدیا تقریباً هم‌زمان با پخش صدا، و روی کارت‌های قوی‌تر چند برابر سریع‌تر، صدا تولید می‌کند.

نمونه‌ها
در صفحه‌ی مدل می‌توانید نمونه‌های خبر، دستورالعمل، داستان، اسامی خاص و گفت‌وگوی محاوره‌ای را با هر دو صدا بشنوید. (ویدیو پایین با صدا)

- مدل و نمونه‌ها:
http://huggingface.co/mehdi-hf/chatterbox-farsi

بازخوردهای شما، به‌خصوص درباره‌ی تلفظ و «اضافه»، برای نسخه‌های بعدی خیلی ارزشمند است.

@DevTwitter | <Mehdi Allahyari/>
❤44🔥11👎6
#کدبوک

راهنمایی کاربردی برای جمع‌آوری و تحلیل اطلاعات از منابع عمومی (OSINT) با استفاده از تکنیک‌های پیشرفته:
- آشنایی با روش‌های جستجو و جمع‌آوری اطلاعات از منابع آنلاین و عمومی
- بررسی ابزارهای شناسایی، تحلیل داده‌ها و ارتباط‌سنجی اطلاعات
- آموزش تکنیک‌های پیشرفته برای اعتبارسنجی و استخراج اطلاعات
- مناسب برای متخصصان امنیت سایبری، محققان و علاقه‌مندان به حوزه اطلاعات و امنیت


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

@DevTwitter
❤11👎3🔥3
دیتابیس شاردینگ برای میلیون‌ها یوزر
Consistent Hashing Explained (System Design Basics)
https://youtube.com/shorts/AIuZExZFHNU

@DevTwitter | <Mani/>
🍌9👍4👎1
این ۳ ابزار متن‌باز، رابط کاربری ابزارهای ایجنت های هوش مصنوعی رو کاملاً با فونت فارسی وزیر و راست‌چین می‌کنن:

1.Antigravity Pro RTL
پچ فارسی‌ساز
Antigravity
Antigravity - IDE
Gemini desktop
دیگه متن فارسی به‌هم‌ریخته و چپ‌چین دیده نمی‌شه.
github.com/arian13es/antigravity-pro-rtl

2. OpenCode RTL
فارسی و راست‌چین‌کردن رابط OpenCode
github.com/arian13es/opencode-rtl

۳. ZCode RTL
همون تجربه‌ی تمیز فارسی0این بار برای ZCode.
github.com/arian13es/zcode-rtl

اگه به کارت اومد، یه ستاره یادت نره!

@DevTwitter | <Arian/>
❤12🍌3💔1
Forwarded from 
⭕️وبینارهای رایگان هوش مصنوعی برای همه؛ از ساخت AI Agent تا راه‌اندازی کسب‌وکار هوشمند!

هوش مصنوعی فقط برای چت کردن نیست!
توی این سلسله وبینارها قراره یاد بگیری چطور از AI برای حل مسائل واقعی کسب‌وکار، ساخت ایجنت‌های هوشمند و توسعه کسب‌وکارهای تک‌نفره استفاده کنی.

📌 سلسله وبینارهای رایگان:

🔴 ایجنت‌سازی در کسب‌وکار؛ از مسئله واقعی تا راهکار هوشمند
🗓 شنبه، ۲۳ آبان | ساعت ۲۰

🔴 طوفان محصولات هوش مصنوعی؛ اصولی برای کسب‌وکارهای تک‌نفره
🗓 دوشنبه، ۲ آذر | ساعت ۲۰

فرقی نمی‌کنه چه رشته یا شغلی داری؛ اگه می‌خوای از هوش مصنوعی کاربردی‌تر استفاده کنی، این وبینارها برای توئه!

👈 همین حالا #رایگان ثبت‌نام کن:

👉📎 https://httb.ir/TlOhN
👉📎 https://httb.ir/TlOhN

@Cafetadrispro | کافه‌تدریس
Please open Telegram to view this post
VIEW IN TELEGRAM
👎8🍌4❤2
ترجمه فارسی کتاب The Pragmatic Programmer

کتاب The Pragmatic Programmer یکی از بهترین منابع برای درک اصول مهندسی نرم‌افزار و کار تیمی است. ترجمه فارسی این کتاب رو روی گیت‌هاب گذاشتم:

https://github.com/hheydarian/the-pragmatic-programmer-persion

@DevTwitter | <Hamed Heydarian/>
❤16👍5🍌1
This media is not supported in your browser
VIEW IN TELEGRAM
یه پروژه سیستم دیزاین کار کردم با این فیچر ها:
ریسپانسیو برای موبایل, تبلت و دسکتاپ
هدلس با قابلیت اعمال استایل های دلخواه و شخصی سازی ظاهر کامپوننت ها
پشتیبانی RTL/LTR
پشتیبانی تم دارک و لایت
داکیومنتیشن استوری بوک
پشتیبانی از همه زبان ها (شامل فارسی)

https://github.com/AysanZ/Nili-Design-System


@DevTwitter | <Aysan/>
🍌11🔥8❤2
Forwarded from 
اکانتینو به مناسبت شروع به کارش، آفر های خیلی خوبی رو موجود کرده.

ChatGPT Plus اختصاصی یک‌ماهه
(گارانتی ۷ روزه برگشت وجه)
3,680,000 2,280,000 تومان

Google Antigravity پنج ماهه اختصاصی
(جیمیل آماده بدون نیاز به ریجن)
4,500,000 2,400,000 تومان

⚠️ توجه بسیار مهم: به دلیل تقاضای بالا، موجودی به شدت محدود می‌باشد. اگر قصد ارتقا دارید، این بهترین فرصت است.

ثبت سفارش
Acantino.ir
@acantino_support
👎10👍3🔥1