DevTwitter | توییت برنامه نویسی
31.4K subscribers
5.18K photos
407 videos
6 files
5.01K links
توییت های برنامه نویسی و طراحی وب :)

Admin:
@dvtwi

Hashtags:
devtwitter.t.me/5

DevBooks Channel:
https://xn--r1a.website/+AYbOl75CLNYxY2U0

Github:
https://github.com/DevTwitter

X:
https://x.com/devtwittir
Download Telegram
مجموعه آیکون برندهای ایرانی

پروژه Persian Icons شامل بیش از ۴۱۰ برند و ۸۲۰ آیکون SVG رنگی و تک‌رنگ، آماده استفاده در React و Vue است.
شامل بانک‌ها، درگاه‌های پرداخت، خودرو، اپلیکیشن‌ها، بیمه، دانشگاه‌ها و دسته‌بندی‌های بیشتر.

website:
https://icons.persian-labs.ir/
Github:
https://github.com/persianlabs/icons

@DevTwitter | <TaymaZ/>
86🍌11👎2
Forwarded from DevTwitter Ads.
‼️ ٪۶۰ تخفیف روی تمام دوره‌های آموزشی کوئرا کالج فقط تا ساعت ۲۳:۰۰ امشب.

📚 از برنامه‌نویسی و هوش‌ مصنوعی تا کار با ابزارهای AI

💳 امکان پرداخت قسطی

الان با تخفیف ثبت‌نام کن و هر وقت خواستی دوره‌هارو شروع کن.
🔗 quera.org/r/zjzr2
🍌6👎5👍3
یکی از مهمترین و پایه‌ای‌ترین سوالاتی که هر متخصص سئو و فرانت‌اند دولوپری باید از خودش بپرسه، اینه که بات‌های گوگل چگونه صفحات من رو بررسی و کراول میکنند؟

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

این اکستنشن فقط با یک کلیک، صفحه مدنظر شما رو به حالت Googlebot Mobile تغییر میده و هم‌زمان JavaScript رو غیرفعال می‌کنه تا بتونید خروجی خام و رندرشده رو فوراً بررسی کنید.

ویژگی‌های اصلی Midi Crawler:
تغییر حالت با یک کلیک: بدون نیاز به باز کردن DevTools و انجام تنظیمات دستی.
شبیه‌سازی دقیق: اعمال خودکار User-Agent گوگل‌بات موبایل و بلاک کردن جاوااسکریپت.
بررسی عمیق SSR و CSR: امکان مقایسه سورس‌کد قبل و بعد از فعال‌سازی برای کشف خطاهای ایندکس.

لینک نصب افزونه در کروم :‌
https://chromewebstore.google.com/detail/midi-crawler/mmijlnphgnfioppbdamppomcjhfidagb

https://github.com/mmahdi008/midi-crawler

@DevTwitter | <Mahdi Asgari/>
🔥11👍4
یه مشکلی داشتم که احتمالا خیلی‌هاتون باهاش درگیر شدید!

هر وقت می‌خواستم از صفحه سایت اسکرین‌شات بگیرم، داستان شروع می‌شد
یا باید چند تا عکس جدا جدا می‌گرفتم، یا از افزونه‌هایی استفاده می‌کردم که خروجی‌شون قشنگ به هم می‌ریخت؛ یه جا عکس‌ها روی هم می‌افتادن، یه جا نصف صفحه جا می‌موند، بعضی وقت‌ها هم کلاً بخش‌های Lazy Load اصلاً توی تصویر نبودن.

اولش فکر کردم مشکل از خود سایته… ولی بعد فهمیدم نه، مشکل از روش کار این ابزارهاست؛ چون میان صفحه رو اسکرول می‌کنن و بعد تیکه‌ها رو به هم می‌چسبونن.

همون‌جا با خودم گفتم چرا خودم یه ابزار درست نکنم؟

چند روز رفتم تو دل افزونه‌های کروم کلی تست زدم، کلی خراب کردم
آخرش رسیدم به یه افزونه که مستقیم از خود موتور Chrome برای گرفتن اسکرین‌شات استفاده می‌کنه و تونستم با AI یه افزونه‌ای رو بسازم که به راحتی این کار رو انجام بده.

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

https://github.com/abolfazltalebi/screenShot-pro

@DevTwitter | <Abolfazl talebi/>
👍31👎156
چند ماه قطعی‌های اینترنت ایران رو یادتونه؟

وسط همون روزا، یه پروژه‌ی NestJS + Prisma داشتیم که باید دیپلوی می‌شد ولی همه چی خاموش بود!!!!.

روی سیستم لوکال همه‌چی عادی بود. ولی همین که npx prisma generate رو تو Container زدیم، گیر کردیم !!
چون Prisma برای Generate کردن Client، یه Engine باینری از سرور خودش (نه npm) دانلود می‌کنه. و اون سرور رو اصلاً دسترسی نداشتیم.

یعنی یه دستور که همیشه چند ثانیه طول می‌کشید، تبدیل شد به یه مشکل واقعی که باید حلش می‌کردیم اونم بدون اینکه اینترنت بین المللی داشته باشیم.

تو این پست کامل نوشتم چطور با پیدا کردن Environment Variable درست، و آوردن Engine باینری سازگار از ریپوی خود Prisma، مشکل رو بدون نیاز به اینترنت حل کردیم:
لینک مقاله

@DevTwitter | <Mahdi Heydari/>
👎32👍21🍌4
Forwarded from DevTwitter Ads.
همه میدونیم دنیای برنامه‌نویسی هر روز در حال تغییره؛ از آپدیت زبان‌ها و فریم‌ ورک‌ها گرفته تا ابزارها و منابع جدید.

کداکسپلور اینجاست تا چیزهای کاربردی دنیای برنامه‌نویسی رو یک‌ جا براتون جمع کنه.

از منابع یادگیری و چیت‌ شیت‌های مفید گرفته تا چالش‌های برنامه‌نویسی و محتوای فان🚀

اگه میخوای بدون از دست دادن وقت محتوای جدید رو داشته باشی، کداکسپلور رو دنبال کن😉👇🏻

@CodeExplore

منتظرتیم🧡
👎85🔥1
اگه این روزا استک پروژه تون NextJs هست و نمیدونین چه مدلی مناسب تره برای کد زدن بهتره که این بنچ مارک که توسط تیمشون انجام شده رو بهش یه نگاه بندازین اینطوری خیلی سیف تر و مطمئن تر روی مدل هایی که استفاده می کنید سرمایه گذاری می‌کنید!
بنچ مارک این موارد رو براتون به نسبت مدل شفاف میکنه:
-امتیازدهی‌ بر اساس نرخ موفقیت
-میانگین مدت‌زمان
-میانگین هزینه
https://nextjs.org/evals

@DevTwitter | <Javad/>
👍15🍌4🔥1
بدون اسکیل unslop نمیتونم از ai استفاده کنم.
حتی output توکن رو کمتر میکنه هزینه رو یه مقداری میاره پایین تر.
مخصوصا اگه از مدل های gpt استفاده میکنید کلا عادت به اینکار دارن بدون این نمیشه استفاده کرد ازشون.

https://github.com/cursor/plugins/blob/main/pstack/skills/unslop/SKILL.md

@DevTwitter | <Mohammad Sadeghian/>
👎10👍5🍌3
این پروژه ی اوپن سورس ربات بخشی از مجموعه‌ی Awesome Telegram Bots هست، جایی که چند تا سورس کاربردی (از جمله ربات فروشگاهی، ربات اقتصادی گروهی و بازی‌ساز و دانلودر اینستا تیک تاک و یوتیوب و چت با ai ها ) با آموزش نصب کامل منتشر شده.
اگه این سورس به کارت اومد، حتماً یه سر به بقیه‌شون هم بزن:

github.com/Abolfazlrwm/awesome-telegram-bots

@DevTwitter | <Abolfazl/>
👍104👎1
یه مدتی بود داشتم روی مشکل به‌هم‌ریختگی متون فارسی (RTL) توی نرم‌افزار Antigravity کار می‌کردم. برای همین یه پکیج متن‌باز براش نوشتم که مشکل راست‌چین شدن متون رو بدون هیچ پرش و دیلِیی حل می‌کنه. نکته خیلی مهمش اینه که این ابزار فقط نسخه معمولی رو پچ نمی‌کنه، بلکه نسخه IDE رو هم کاملاً پچ می‌کنه. به علاوه یه پنل تنظیمات شناور (UI) مستقیم داخل خود محیط ادیتور بهتون میده که می‌تونید فونت (مثل وزیرمتن)، سایز و فاصله خطوط رو همون‌جا در لحظه تغییر بدید.
دوست داشتید یک نگاهی بهش توی گیت‌هاب بندازید (اگر باگ‌هایی هم دیدید توی خود گیت‌هاب issue باز کنید):

https://github.com/arian13es/antigravity-pro-rtl

@DevTwitter | <Arian/>
16👍7🍌6
Forwarded from DevTwitter Ads.
اگه به هوش مصنوعی علاقه داری، این کانال رو از دست نده! 🤖

توی @AIToolsFarsi هر روز با جدیدترین ابزارها، ترفندهای کاربردی و مهم‌ترین اخبار دنیای هوش مصنوعی آشنا میشی.

معرفی ابزارهای کاربردی
ترفندهای ساده و قابل استفاده
اخبار مهم و به‌روز AI
آموزش‌های کوتاه و مفید

همه محتواها با توضیحات ساده منتشر میشن تا بدون اتلاف وقت، از هوش مصنوعی توی کار، درس و زندگی روزمره استفاده کنی.

👇 همین حالا عضو شو:
@AIToolsFarsi
@AIToolsFarsi
👍3🍌2👎1
بیشتر آموزش‌های ایجنت‌ها بر اساس حوزه‌هایی مثل سلامت و مالی نوشته می‌شن؛ اما زیرِ همه‌ی این تفاوت‌ها، ایجنت‌ها از چند الگوی معماری مشترک استفاده می‌کنن.

این کتاب ۶۰ از همین الگو رو بررسی میکنه که بنظرم جالبه از دستش ندید

https://www.freecodecamp.org/news/ai-agent-engineers-guide-60-patterns-for-building-autonomous-systems-book/

@DevTwitter | <Reza Jafari/>
یکی دامنه‌ی localhost8000.com رو خریده که بگه شما حتی دو نقطه هم نمیتونی تایپ کنی رفیق

@DevTwitter
🍌5011👍2