#tips

🚀 @coolycode

باز کردن سریع هر فایل
با این میانبر می‌تونی خیلی راحت اسم فایل موردنظرت رو تایپ کنی و مستقیماً اون رو باز کنی.

کامنت/آنکامنت کردن یک خط
این ترکیب بهت کمک می‌کنه که یک خط رو به‌سرعت کامنت یا آنکامنت کنی، بدون نیاز به تایپ دستی //.

جابه‌جا کردن یک خط به بالا یا پایین
اگر بخوای بدون کپی/پیست کردن، یک خط رو بالا یا پایین ببری، این میانبر خیلی کاربردیه.

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

نمایش یا مخفی کردن سایدبار
با این میانبر سریع سایدبار رو باز و بسته کن تا فضای بیشتری برای کدنویسی داشته باشی.

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

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

انتخاب بعدیِ کلمه‌ای که هایلایت شده
اگه بخوای چند کلمه مشابه رو یکی‌یکی انتخاب کنی، این ترکیب فوق‌العاده‌ست.

انتخاب تمام موارد مشابه در متن
این میانبر همه‌ی نمونه‌های یک کلمه در فایل رو یکجا انتخاب می‌کنه تا بتونی همه رو هم‌زمان تغییر بدی.

باز کردن Command Palette
با این ترکیب می‌تونی به همه‌ی دستورات و قابلیت‌های VS Code دسترسی داشته باشی.

#vscode #tricks

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

شاید شما هم از خیلیا شنیده باشید که shadcn خیلی خوب و خفنه، ولی من ندیدم کسی بیاد به طور دقیق این مورد رو توضیح بده.

به زودی یه پست میزارم راجبش که ببینید چه ویژگی هایی وجود داره که انقدر shadcn رو نسبت به بقیه ui kit ها متمایز میکنه

#shadcn #tailwind #tips

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

🚀 @coolycode

درواقع این وبسایت های با WebGL API مرور گر ایجاد شدن که میتونن مدل های سه بعدی رو رندر کنن و و شما به صورت تعاملی باهاشون کار بکنید، توی این پست کامل راجبش توضیح دادم میتونیم بخونید 🔻

https://t.me/coolycode/651

#threejs #3D #WebGL

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

#fun

𝗖𝗛𝗔𝗡𝗡𝗘𝗟

  | 

𝗚𝗥𝗢𝗨𝗣

تغییر نام همه‌ی متغیرهای مشابه
اگر بخوای یک متغیر رو در کل فایل تغییر نام بدی، این میانبر کار رو خیلی راحت می‌کنه.

نمایش یا مخفی کردن ترمینال داخلی
ترمینال داخلی VS Code رو با این ترکیب سریع باز و بسته کن.

بستن تب فعلی
به‌جای کلیک روی دکمه‌ی بستن کنار فایل، این میانبر رو بزن و سریع‌تر تب‌های اضافی رو ببند.

فوکوس روی فایل اکسپلورر
اگر فایل اکسپلورر بسته شده یا فوکوس روی بخش دیگه‌ایه، با این ترکیب سریع بهش برگرد ؛)

نمایش پنل PROBLEMS
اگر کدت اروری داشته باشه، این ترکیب سریع لیست خطاها رو نشون می‌ده.

کپی کردن یک خط در بالا یا پایین
به‌جای Copy/Paste، با این میانبر سریع‌تر میتونی یک خط رو بالا یا پایین کپی کنی.

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

#vscode #tricks

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

Single Responsibility Principle

هر کلاس فقط باید یک کار انجام بده.

✅ چرا ؟ اگه یه کلاس چند کار مختلف انجام بده، تغییر توی یک بخش ممکنه بقیه قسمت‌ها رو هم خراب کنه.

🎯 مثال: فرض کن یه کلاس داریم که هم سفارش ثبت می‌کنه، هم فاکتور صادر می‌کنه، هم ایمیل ارسال می‌کنه! اگه فقط بخش ایمیل نیاز به تغییر داشته باشه، ممکنه کل سیستم بهم بریزه. بهتره هر کار رو به کلاس مخصوص خودش بسپاریم.

OCP - Open/Closed Principle‌ ‌‌ ‌ ‌ ‌‌ ‌ ‌

کد باید برای تغییر بسته، ولی برای توسعه باز باشه.

✅ چرا؟ اگه مجبور باشیم برای اضافه کردن یه قابلیت، کدهای قدیمی رو تغییر بدیم، ممکنه یه جای دیگه خراب بشه.

🎯 مثال: فرض کن یه کلاس داریم که تخفیف رو روی فاکتور اعمال می‌کنه. اگه بخوایم یه نوع جدید تخفیف اضافه کنیم، نباید توی کلاس قبلی دست ببریم. به‌جاش یه کلاس جدید برای نوع جدید تخفیف می‌سازیم که به سیستم اضافه بشه، بدون اینکه چیزی خراب بشه.

LSP - Liskov Substitution Principle

کلاس‌های فرزند باید بدون مشکل جایگزین کلاس والد بشن.

✅ چرا؟ اگه یه کلاس فرزند به‌درستی جای والد خودش رو نگیره، برنامه رفتار غیرمنتظره‌ای پیدا می‌کنه.

🎯 مثال: فرض کن یه سیستم پرداخت داریم که روش‌های مختلفی مثل کارت بانکی و کیف پول رو پشتیبانی می‌کنه. اگه یه متد "پرداخت()" توی والد باشه، همه کلاس‌های فرزند باید بتونن درست ازش استفاده کنن. حالا اگه یه روش پرداخت مثل "پرداخت با امتیاز" اضافه کنیم که امکان پرداخت نصفه‌نیمه داره، کل سیستم ممکنه به مشکل بخوره!

ISP - Interface Segregation Principle

اینترفیس‌ها نباید متدهای اضافی داشته باشن.

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

🎯 مثال:
فرض کن یه اینترفیس داریم به اسم Device که متدهای پرینت، اسکن و فکس داره. حالا یه کلاس داریم برای یه پرینتر ساده که فقط پرینت می‌کنه، ولی مجبور می‌شه متدهای اسکن و فکس رو هم پیاده‌سازی کنه، در حالی که بهشون نیازی نداره. بهتره اینترفیس رو به چند بخش جدا تقسیم کنیم.

DIP - Dependency Inversion Principle

ماژول‌های اصلی نباید مستقیم به جزئیات وابسته باشن، بلکه به اینترفیس‌ها وابسته باشن.

✅ چرا؟ اگه یه بخش از سیستم وابسته به یه کلاس خاص باشه، هر تغییری توی اون کلاس می‌تونه باعث خرابی کل سیستم بشه.

🎯 مثال: فرض کن یه سیستم گزارش‌گیری داریم که داده‌ها رو از یه دیتابیس خاص مثل MySQL می‌گیره. اگه یه روز بخوایم به PostgreSQL یا MongoDB مهاجرت کنیم، کل کدهای گزارش‌گیری باید تغییر کنن. ولی اگه وابستگی‌ها به یه اینترفیس Database باشه، می‌تونیم دیتابیس رو عوض کنیم، بدون اینکه به کدهای اصلی دست بزنیم.

#WhatsThat #SOLID

𝗖𝗛𝗔𝗡𝗡𝗘𝗟  |  𝗚𝗥𝗢𝗨𝗣

🚀 @coolycode

⚒️ معرفی ابزار‌ها و تکنولوژی‌ها

🎨 ترفند ها و‌ نکات برنامه نویسی

📊 سوالات و چالش‌های برنامه‌نویسی

❤️ تجربیات مفید و کاربردی در این مسیر