#fun

وقتی دیگه از ChatGPT و اینترنت چیزی در نمیاد!😂

🔴 <CodeHub/>

تکنولوژی و ابزار فرانت به سرعتی در حال تغییره که آدم از پشت نمیتونه برسه بک اند و حوزه های دیگه رو نمیدونم ولی شما فرض کن تو فرانت داری با پنج شیش تا ابزار کار میکنی‌ برای مثال:

React
Next
CSS Frameworks
Bundlers
JavaScript

ریکت و نکست که دارن به سرعت فضایی آپدیت میدن نکست که دیگه اصلا هر دو هفته یچیز‌ جدید میده الان مثلا Server actions اضافه کرد که خیلی کاربردیه

ریکت بزودی ورژن جدید که تغییرات جامع داره رو میده بیرون

برای فریم وورک های سی اس اس تیلویند از یه طرف و shadcn UI و ... دارن به کلی صنعت رو به سویه جدید میبرن

جاوااسکریپت تو ورژن جدیدش که هنوز در مرحله تایید هستش کلی فیچر جدید داره به زبان اضافه میکنه

هر روز باید کلی وقت بزاری اخبار بخونی و نه تنها از جدیدترین چیز ها اطلاع داشته باشی بلکه باید به اونا تسلط هم داشته باشی مثلا همین سرور اکشن های نکست به سرعت توسط کامیونیتی مورد استقبال قرار گرفت

بنظرم یه باید عجله کنیم تو یادگیری و پیاده سازی

چون به مدت دیگه نه تنها دیگه نمیتونید مباحث رو توی نه ماه تا یکسال جمع کنید بلکه استخدام هم سخت تر میشه چون حجم پیش نیاز ها به قدری سنگین داره میشه که نه تنها مسائل پایه رو باید تسلط داشته باشید و اینکه اگه یه کوچولو حواستون به مسیرتون نباشه ممکنه دچار
Tutorial Hell
بشید، خلاصه خواستم بگم بهتون اگه از فضای مجازی دور شدید بخاطر اعتیاد آور بودنش یه راه حلی پیدا کنید آپدیت هارو بگیرید هر روز به کم وقت بزارید چیزای جدید بخونید اوناییم که وقت کافی نمیزارن و تخصصشون محکوم به فنا هستن، تلخه ولی واقعیته

دوران دانشجویی هم باید کار کنید رو تخصصتون هم درستون بخونید شرایط طاقت فرساست

@DevTwitter | <Mohammad Mousavi/>

#JS

🔴 اگه به دنبال کتابخونه ای بودین که توی جاوا اسکریپت یا فریم ورک هاش بتونه دیتا رو به صورت pdf براتون اکسپورت کنه , کتابحانه jsPDF میتونه کار رو براتون در بیاره.

🔴 این چند روزی که باهاش کار کردم واقعا کتابخونه جالبیه که اگه حوصله داشتین داکیومنتشو بخونید میتونید چیز های جالبی ازش در بیارید البته میتونید فایل زبان های مختلف براش کانفیگ کنی که به همون زبان بهتون خروجی بده.

🔵 <CodeHub/>

#Figma_Template

Figma Template: Interior design

Difficulty :  ⭐️⭐️⭐️

🔗Click for Get Link

🔴 </CodeHub>

#الگوریتم

🔴 این ویدیو تمام الگوریتم های sort رو توی 6 دقیقه به طور کامل توضیح میده که بنظرم خیلی مفید میتونه باشه.

🔴 <CodeHub/>

#فکت

🔸 سبقت پایتون از جاوا اسکریپت که با پیشرفت هوش مصنوعی , یادگیری ماشین، داده کاوی و غیره دور از انتظار نبود.


🔴 <CodeHub/>

اولین لپ تاپ سونی که حدود ۴۰ سال پیش بوده✨
حس خوبی که اونموقع داشته:)

🔴 <CodeHub/>

کم کم Chat GPT داره گوگلم دور میزنه !!
شرکت OpenAI امروز از قابلیت ChatGPT search رونمایی کرد که کاربران این امکان رو میده بهتر از قبل در اینترنت جستجو کنن و به پاسخ‌های سریع با لینک منابع مرتبط دسترسی پیدا کنن.

🔴 <CodeHub/>

#CSS

🎯 تفاوت em و rem در CSS - درک بهتر واحدهای نسبی

📝 یکی از چالش‌های رایج در طراحی وب، استفاده درست از واحدهای نسبی است. در این تصویر به صورت ساده و گویا تفاوت دو واحد مهم em و rem رو یاد می‌گیریم:

واحد em: اندازه نسبت به المان والد (parent) محاسبه میشه
واحد rem: اندازه نسبت به المان ریشه (root/html) محاسبه میشه

💡 نکته مهم: استفاده از واحدهای نسبی به طراحی‌های responsive کمک زیادی میکنه!

🔴 <CodeHub/>

#books

📖 کتاب ساخت مایکروفرانت‌اند با React 18 بهتون یاد می‌ده چطور یه پروژه بزرگ رو به بخش‌های کوچیک و مستقل تقسیم کنین تا بتونین اونا رو راحت‌تر توسعه بدین و استقرارشون کنین. توی این معماری، هر بخش می‌تونه توسط یه تیم جداگانه مدیریت بشه و سرعت توسعه و انعطاف‌پذیری پروژه هم بالاتر می‌ره.

🔴 <CodeHub/>

. اینجا چندتا نکته مهم از این کتاب رو براتون خلاصه کردم:

- از ساده شروع کنین و کم‌کم گسترده‌ترش کنین – با الگوی Multi-SPA شروع کنین که پیچیدگی کمتری داره، بعد اگر نیاز بود برید سراغ الگوی Micro-Apps برای مدیریت بهتر اجزای ریزتر.

- یه Monorepo داشته باشین تا تیم‌ها راحت‌تر با هم کار کنن – با یه مخزن مرکزی می‌تونین کدهاتون رو متمرکز کنین و همکاری تیم‌ها، مدیریت وابستگی‌ها و اتوماسیون رو آسون‌تر کنین.

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

- روی اتوماسیون و DevOps سرمایه‌گذاری کنین – اتوماسیون برای مایکروفرانت‌اند ضروریه؛ خطوط CI/CD رو راه بندازین تا تست و استقرار خودکار بشه و بتونین سریع‌تر تغییرات رو اعمال کنین.

- ظاهر و تجربه کاربری رو یکدست نگه دارین – با یه سیستم طراحی و کتابخونهٔ مشترک، مطمئن بشین همه بخش‌ها یه استایل و حس یکپارچه دارن.

این کتاب واسه کسایی که دنبال ساختن پروژه‌های بزرگ و مدرن با React هستن خیلی می‌تونه مفید باشه.

🔵 <CodeHub/>

#Figma_Template

Figma Template: Car rent

Difficulty :  ⭐️⭐️⭐️

🔗Click for Get Link

🔴 </CodeHub>

#fun

وضعیت من هر روز😂

🔴 @codeeehub

#Next JS

سوالات تخصصی و کاربردی Next.js🔥

به دنبال منبعی برای یادگیری یا آماده شدن برای مصاحبه‌های Next.js هستید؟
در این مقاله، مجموعه‌ای از سوالات مهم و کاربردی همراه با پاسخ‌ها گردآوری شده.
فرصتی عالی برای به چالش کشیدن خودتون و ارتقای مهارت‌ها!

لینک رو از دست ندید: 👇

🔗 LINK

🔴 <CodeHub/>

#Figma_Template

Figma Template: RIVO - multi page template

Difficulty :  ⭐️⭐️⭐️⭐️

🔗Click for Get Link

🔴 </CodeHub>

🔧 اهمیت فایل tsconfig.json تو پروژه‌های TypeScript

📂 فایل tsconfig.json یکی از مهم‌ترین بخش‌های هر پروژه‌ی تایپ‌اسکریپتیه. این فایل به کامپایلر میگه چطور کدهای TypeScript رو به JavaScript تبدیل کنه. با تنظیم درستش، می‌تونی:
✅ سخت‌گیری بیشتری تو بررسی خطاها داشته باشی.
✅ فرمت خروجی کد رو مدیریت کنی.
✅ تو پروژه‌های واقعی مشکلات رو بهتر کنترل کنی.

⚙️ تنظیمات پیشنهادی برای tsconfig.json

با استفاده از یه سری تنظیمات خوب، می‌تونی:
🚀 سرعت بیلد رو بالا ببری.
🔒 ایمنی کد رو بیشتر کنی.
🐞 دیباگ کردن رو راحت‌تر کنی.
🤝 سازگاری کد رو تضمین کنی.


🔗 میتونید توضیحات بیشتر درباره هر کدوم از این موارد رو داخل این داکیومنت ببینید.

پروژه‌ی تایپ‌اسکریپتی بدون tsconfig.json مثل یه نقشه‌ی گنج بدون علامت X هست! 🗺✨

🔵<CodeHub/>

#Figma_Template

Figma Template: Crypto trading

Difficulty :  ⭐️⭐️⭐️

🔗Click for Get Link

🔴 </CodeHub>