Foad Labs
82 subscribers
46 photos
2 videos
2 files
45 links
Building modern web experiences.
React • Next.js • TypeScript

🪐 DM For collaborates: @foad_ebrahiml
🌐 Personal website: https://foad-ebrahimi.ir
Download Telegram
توی کانال بله جوین بشین اونجا ادامه فعالیتمون رو خواهیم داشت در صورت قطعی❤️

https://ble.ir/foad_journey
Please open Telegram to view this post
VIEW IN TELEGRAM
هرکی بزنه (نه) مثل برق ریموش !میکنم ( دقت به علامت های نگارشی بکنین ) 😂
Foad Labs
🚀 سری ۵ قسمتی معماری Next.js 🟢 پارت ۲ — Scale واقعا یعنی چی؟ وقتی میگیم یه پروژه قراره Scale بشه، خیلیا فکر می‌کنن ترافیک و سرور می‌افته. ولی تو فرانت‌اند، Scale یعنی یه چیز: رشدِ وحشتناکِ پیچیدگیِ کد (Complexity) سایز پروژه، معماری رو تعیین می‌کنه : …
🚀 سری ۵ قسمتی: معماری Next.js
🟡 پارت ۳ — معماری MVP (ساده اما خطرناک)

تو پارت قبل دیدیم که ساختار پروژه به سایز و نیازش بستگی داره. حالا بیایم سراغ محبوب‌ترین و دم‌دستی‌ترین مدل: یعنی همون ساختار پیش‌فرضِ Next.js بدون فولدربندی خاص. ساختاری که روز اول خیلی سریع بالا میاد، ولی به شدت شکننده‌ست!
چرا ساده‌ترین ساختار، خطرناک‌ترینه؟

سرعت روزهای اول این مدل خیره‌کننده‌ست؛ همه‌چیز دم دسته و سریع کامپوننت می‌زنی. اما دقیقاً همین‌جا داری سنگین‌ترین بدهی فنی (Technical Debt) رو بالا می‌اری.
💥 چرا پروژه با اولین رشد، منفجر میشه؟

کدها به هم جوش می‌خورن: لاجیک و UI انقدر تو هم گره می‌خورن که برای تغییرِ فرمتِ یک ریکوئست ساده، باید کل کامپوننت و کدهای ظاهر رو زیر و رو کنی.

تست‌ناپذیر میشه: وقتی منطق بیزینس وسط تگ‌های HTML رها شده، نوشتن تست برای بخش‌های مختلف پروژه رسماً غیرممکنه.

سرعتت منفی میشه: به جای توسعه فیچرهای جدید، کل وقت تیم صرف پیدا کردن باگ‌های عجیب و غریبی میشه که از تداخل کدها به وجود اومدن.
این ساختار مثل یه آلونک چوبیه؛ سریع سرپا میشه ولی اصلاً تحمل ساختنِ طبقه‌ی دوم رو نداره و با اولین طوفان فرو می‌ریزه.

👇 این واقعیت رو قبول کن:
"کدِ شلخته نوشتن به بهونه سرعت، مثل وام گرفتن با نزولِ سنگینه؛ اولش کارِت راه میفته، ولی جلوتر جریمه‌اش چرخ پروژه‌ات رو پنچر می‌کنه!"

#Labs_fiveStepToMasterInNextArchitecture
از الان میتونین نظراتتون رو داخل کامنت های هر پست به اشتراک بزارین تا بتونیم باهم محتوا رو روز به روز بهتر کنیم ❤️
از فردا فعالیت به نسبت قبل بیشتر میشه
اگر محتوایی بود که دوست داشتین درموردش صحبت کنیم و پست بزاریم حتما توی این پیام بگین 🤝

status: 🔴 Sleeping
2
صبح بخیر 👋

امروز هم قراره
یه چیز جدید یاد بگیرم،
یه چیز جدید بسازم
و یه چیز جدید با شما به اشتراک بذارم.

بزن بریم 🚀
🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
یه کتاب پر از سوالات مصاحبه ای زبان جاوااسکریپت براتون آپلود کردم 💫
1
Foad Labs pinned a file
اگر امروز میخواستم برنامه‌نویسی رو از صفر شروع کنم..

برخلاف چیزی که اکثر افراد فکر می‌کنن، اولین قدم یاد گرفتن JavaScript یا Python نبود.

اول یاد می‌گرفتم چطور یاد بگیرم ( وقتی یادش بگیری معجزه میکنه )

چون بزرگ‌ترین اشتباه تازه‌کارها اینه که میان با خودشون میگن خب امروز برم React رو یکم یاد بگیرم ، فردا هم که میریم لاراول و این چرخه بی انتها همینطوری ادامه پیدا میکنه

و بعد از چند ماه آموزش دیدن یهو به خودت میای میبینی هیچ تخصصی نداری

اگر خودم قرار بود دوباره از صفر شروع کنم :

1️⃣ یک مسیر رو انتخاب می‌کردم.
2️⃣ هر روز حتی کم، ولی مداوم جلو میرفتم.
3️⃣ از هفته اول پروژه میساختم.
4️⃣ کمتر آموزش می‌دیدم، بیشتر تمرین می‌کردم.

برنامه‌نویسی مسابقه سرعت نیست؛ مسابقه ادامه دادنه.

📌 شما اگر امروز از صفر شروع می‌کردین، چه مسیری رو انتخاب می‌کردین؟
👍2
Foad Labs
🚀 سری ۵ قسمتی: معماری Next.js 🟡 پارت ۳ — معماری MVP (ساده اما خطرناک) تو پارت قبل دیدیم که ساختار پروژه به سایز و نیازش بستگی داره. حالا بیایم سراغ محبوب‌ترین و دم‌دستی‌ترین مدل: یعنی همون ساختار پیش‌فرضِ Next.js بدون فولدربندی خاص. ساختاری که روز اول خیلی…
🚀 سری ۵ قسمتی: Next.js Architecture Mastery
🟠 پارت ۴ — اولین تفکیک (UI vs Logic)

تا اینجا دیدیم معماری بد چطور پروژه رو فلج می‌کنه. حالا وقتشه اولین و مهم‌ترین قدم رو برای نجات پروژه برداریم :
جدا کردن ظاهر (UI) از منطق (Logic).

Components vs Services
بزرگ‌ترین اشتباه اینه که ما میایم توی کامپوننت خودمون (مثلا فرم ثبت‌نام) کاری میکنیم که کامپوننت مستقیما بدونه دیتا چطوری فچ میشه یا به کدوم API ریکوئست میزنه.
کامپوننت باید "کودن" (Dumb) باشه! یعنی فقط وظیفه داره پراپس یا دیتا رو بگیره و ظاهر رو نشون بده. منطق کار (مثل کال کردن API) باید بره تو یه لایه‌ ی دیگه، مثلا فولدری به اسم services/ یا lib/.

استارت ذهنیت لایه‌ بندی
با این کار، به جای یه فایل شلوغ که همه‌چیز توشه، دوتا فایل تمیز داری :
UserService.ts:
که فقط کارش گرفتن دیتای کاربر از API هست.
UserProfile.tsx:
که فقط دیتایی که از سرویس گرفته رو خوشگل نشون میده.

چرا این کار واجبه؟
قابلیت استفاده مجدد : اگه یه جای دیگه پروژه هم دیتای کاربر رو خواستی، فقط سرویس رو صدا میزنی، نه اینکه دوباره کد فچ بنویسی.
نگهداری راحت‌تر : اگه آدرس API عوض شد، فقط یه فایل (سرویس) رو ادیت می‌کنی، نه ۱۰ تا کامپوننت رو!

👇 برای امروز اینو یادت باشه هربار که میخای یه کامپوننت بسازی :
کامپوننت‌های تو نباید باهوش باشن
اونا فقط باید خوشگل دیتارو نشون بدن!

#Labs_fiveStepToMasterInNextArchitecture
1👌1
Please open Telegram to view this post
VIEW IN TELEGRAM
امروز رو میخام کلا اختصاص بدم به اخبار دنیای روز تکنولوژی از موقعی که متاسفانه ما دسترسی به اینترنت نداشتیم تا به الان
از پیشرفت ai بگیر تا معرفی هرچی که فکر کنی 😬😁
🔥1
🚨 شرکت Anthropic دیروز رونمایی خفنی کرد از ...

🔥 Claude Mythos 5 + Claude Fable 5

🧠 Mythos 5 = مغز فوق‌سنگین

مخصوص کارهای خیلی حساس (security / research / bio / dev)

فقط برای سازمان‌های تأییدشده
عملا یه مدل “کنترل‌شده” با توانایی خیلی بالا

💻 Fable 5 = نسخه عمومی

همون هسته، ولی با محدودیت‌های جدی
قابل استفاده برای توسعه‌دهنده‌ها و APIها
امن‌تر، ولی محدودتر

💸 اما نکته مهم‌تر این دومدل قیمت‌هاشون هست

$10 / 1M input tokens
$50 / 1M output tokens

یعنی وارد دنیایی شدیم که “قدرت بیشتر” دیگه ارزون نیست.

⚠️ دلیل این سخت‌گیری‌ها چیه؟

چون این مدل‌ها تو تست‌ها در حدی قوی بودن که می‌تونن :

1⃣ آسیب‌پذیری‌های امنیتی پیدا کنن
2⃣ وارد مسائل حساس تحقیقاتی بشن
3⃣ و در صورت سوءاستفاده، ریسک جدی ایجاد کنن


💬 بنظرتون ما داریم وارد دوره‌ای میشیم که دسترسی به هوش مصنوعی قوی، خودش محدود میشه؟

#Labs_Tech
1
🚨 متا با نسخه‌های پولی برگشته!

«Instagram Plus» و «WhatsApp Plus»
با اشتراک ماهانه :
📸 اینستاگرام 3.99$
💬 واتساپ: 2.99$

و حالا قابلیت‌هایی که سر و صدا کرده 👇

👀 مشاهده مخفیانه استوری‌ها
📌 Story Spotlight
(اولویت گرفتن استوری‌ها در نمایش)
Story Extend
(افزایش زمان استوری از 24 به 48 ساعت)

📊 دیدن تعداد بازدیدهای یک کاربر از استوری‌ها (برای مچ گرفتن خداست)

فعلا این اشتراک برای اینستاگرام فعاله گویا

#Labs_Tech
👀1
⚡️ گوگل با نسل جدید Gemini (مدل‌های چندوجهی) دوباره توجه‌ها رو جلب کرد!

این سیستم جدید می‌تونه:

⬅️ ایده‌ها رو به متن، تصویر، و ویدیو تبدیل کنه
⬅️ ورودی‌های مختلف (متن + تصویر + صدا) رو با هم ترکیب کنه و خروجی خلاقانه بسازه
⬅️ جزئیات ویدیو مثل کاراکتر، سبک، محیط و زاویه دوربین رو دقیق تغییر بده
⬅️ محتوای واقع‌گرایانه و انیمیشنی تولید کنه

🚀 فاصله بین «فکر کردن» و «ساختن» از همیشه کوتاه‌تر شده!

#Labs_Tech
1
📧 بالاخره می‌تونی آدرس جیمیل‌تو عوض کنی!

گوگل یه قابلیت جدید گذاشته که اجازه می‌ده اسم ایمیل (قبل از @gmail.com) رو تغییر بدی، بدون اینکه لازم باشه یه اکانت جدید بسازی یا اطلاعاتت پاک بشه.

🌐 لینک بررسی: http://myaccount.google.com/google-account-email

چند تا نکته مهم:

▫️ این قابلیت هنوز برای همه فعال نشده و به‌مرور میاد
▫️ ایمیل قبلی حذف نمی‌شه و هنوز به حسابت وصله
▫️ هر ایمیلی (قدیمی یا جدید) رو بفرستن، تو همون اینباکس میاد
▫️ با هر دو آدرس می‌تونی وارد سرویس‌های گوگل بشی
▫️ این تغییر فقط هر ۱۲ ماه یک‌بار قابل انجامه

#Labs_Tech
👌1
🍏 iOS 27 معرفی شد!

اپل نسل جدید iOS رو با تمرکز روی Apple Intelligence معرفی کرده و کلی قابلیت جدید به آیفون‌ها اضافه شده.

🤖 Siri AI
سیری حالا هوشمندتر شده و می‌تونه در انجام کارها، مدیریت اپلیکیشن‌ها و حتی ویرایش تصاویر به کاربران کمک کنه.

شخصی‌سازی بیشتر Liquid Glass
کاربران می‌تونن میزان شفافیت و ظاهر رابط کاربری رو به دلخواه خودشون تنظیم کنن و کنترل بیشتری روی تجربه کاربری داشته باشن.

بهبود عملکرد
▫️ افزایش سرعت اجرای برنامه‌ها
▫️ انتقال فایل سریع‌تر با AirDrop
▫️ بهینه‌سازی کلی سیستم‌عامل

📸 قابلیت‌های جدید Photos

▫️ Clean Up
حذف افراد یا اشیای اضافی از تصاویر با کمک هوش مصنوعی

▫️ Reframe
تنظیم خودکار کادر عکس برای ترکیب‌بندی بهتر

▫️ Extend
گسترش تصویر و تکمیل بخش‌های اطراف عکس با هوش مصنوعی

📱 همچنین طبق اعلام اپل، برخی مدل‌های قدیمی‌تر آیفون نیز این نسخه را دریافت خواهند کرد.

#Labs_Tech
1