چند تا اکستنشن با حال و کاربردی VS Code

🔍 ‏StackFinder
این ابزار سریع میگرده و جواب‌ های مربوط به مشکلات کدتون رو از Stack Overflow پیدا میکنه (هرچند با اومدن AI کمتر استفاده میشه)

👀 ‏Emoji Sense
میتونید باهاش توی کدتون ایموجی استفاده کنید.

🔰 ‏Bracket Pair Colorizer
براکت‌های باز و بسته‌ی هر بلاک رو با رنگ‌های متفاوت نشون میده تا راحت‌تر متوجه بشید کدوم به کدومه؛ خصوصا توی کدهای تو در تو خیلی کمک میکنه.

🎨 ‏Color Highlight
هر جا کد رنگی مثل #ff5733 یا RGB توی کدت بنویسید، رنگش رو میتونین همونجا ببینید.

📁 ‏Path Intellisense
وقتی مسیر فایل یا عکس مینویسید، بهتون مسیر رو پیشنهاد میده.

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

مثلاً:
• اپلیکیشن تایمر یا کرنومتر (مثل وقتی که داری ورزش می‌کنی و می‌خوای تایم دقیق ببینی)
• اپلیکیشن مدیتیشن (وقتی راهنمای صوتی پخش میشه و نمی‌خوای وسطش صفحه خاموش شه)
• نمایش زنده نتایج ورزشی (که نتیجه بازی رو دنبال می‌کنی)
• اپلیکیشن مسیریابی (مثل وقتی در حال رانندگی یا پیاده‌روی هستی و نیاز داری نقشه همیشه روشن بمونه)
• خواندن کتاب یا متن‌های طولانی (که نمی‌خوای هی صفحه خاموش بشه)
• تماشای ویدیو بدون پلیر فول‌اسکرین
• اپلیکیشن‌های کاری مثل مدیریت انبار یا فروش (که توی محیط کار استفاده می‌کنی و لازم داری همیشه اطلاعات جلوت باشه)

برای چنین اپلیکیشن‌هایی، مرورگرها یه API خیلی ساده اما کاربردی به اسم Wake Lock API ارائه دادن.

این API وقتی فعال بشه، جلوی خاموش شدن یا قفل شدن صفحه بعد از مدت زمان مشخص رو می‌گیره و باعث میشه صفحه زنده بمونه تا وقتی که خودت اون قفل رو آزاد کنی.

کدمو تمیز بنویسم یا فعلا یه چیزی باشه که کار کنه؟

گیر افتادن تو تله‌ی کمالگرایی ⛔️

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

به قول یکی از دوستای متخصص، هروقت نمیدونی باید کدوم گزینه رو اولویت بذاری ببین کدومش اول بیزنستو به پول میرسونه.!!

کد تمیز و مرتب مهمه، ولی نه همیشه از همون اول!
مرحله‌ی اول: کار کن
مرحله‌ی بعد: تمیزکاری و بهتر کردن

اینطوری هم زودتر به نتیجه می‌رسی، هم وقت داری بعداً همه چیزو حرفه‌ای کنی

Hoori Nikoo

خبر جدید:‌ React در مسیر استقلال از متا

ا React در یک تغییر تاریخی، از زیر چتر Meta در حال انتقال به نهادی مستقل به نام React Foundation است.
این بنیاد زیر نظر Linux Foundation اداره خواهد شد تا React دیگر وابسته به یک شرکت خاص نباشد.

نکات مهم:
ا Meta همچنان پشتیبانی مالی و فنی می‌دهد، اما کنترل انحصاری ندارد.
شرکت‌هایی مثل Microsoft، Amazon و Vercel هم عضو بنیاد خواهند شد.
هدف: تصمیم‌گیری بی‌طرفانه، آینده‌ پایدار و جامعه‌محور برای React.

نتیجه؟
ا React وارد دوره‌ای جدید می‌شود: آزادتر، جهانی‌تر و مستقل‌تر از همیشه.

کلین آرکیتکچر توی Node.js چیه و چرا مهمه؟

اگه توی پروژه‌هات همه‌چیز رو ریختی توی route و controller و الان هر تغییری می‌خوای بدی می‌ترسی چیزی خراب شه، وقتشه با یه معماری حرفه‌ای آشنا بشی: Clean Architecture

کلین آرکیتکچر چی می‌گه؟

این معماری می‌خواد بگه:

منطق اصلی پروژه‌ت (Business Logic) نباید وابسته به دیتابیس یا Express باشه
هر بخش وظیفه خودش رو داشته باشه، نه بیشتر
تغییر دادن یه بخش، کل سیستم رو به هم نریزه

/domain        → قوانین و موجودیت‌ها (Entities)
/use-cases     → سناریوها مثل ثبت‌نام کاربر
/infrastructure→ دیتابیس، سرویس‌ها، ابزارها
/interfaces    → کنترلرها و API (مثل Express)

مثال ساده

توی Domain فقط تعریف می‌کنی کاربر چیه
توی Use Case می‌گی "چطور کاربر جدید ثبت کنیم"
توی Infrastructure مشخص می‌کنی دیتا کجا ذخیره شه (Mongo، Postgres…)
توی Interface فقط درخواست رو می‌گیری و جواب میدی (Express)


چرا استفاده کنیم؟

پروژه‌ت وابسته به Express یا دیتابیس خاص نمی‌شه
می‌تونی دیتابیس رو عوض کنی بدون درد
تست‌نویسی خیلی ساده‌تر می‌شه
کدها منظم، قابل فهم و حرفه‌ای می‌شن

یه آموزش خوب با مثال در nodejs

https://vitalii-zdanovskyi.medium.com/a-definitive-guide-to-building-a-nodejs-app-using-clean-architecture-and-typescript-41d01c6badfa

فریم‌ورک NestJS چیه؟
ا NestJS یه فریم‌ورک برای Node.js هست که با TypeScript ساخته شده. هدفش اینه که پروژه‌های بک‌اند رو منظم‌تر کنه، مثل وقتی که هر چیزی سرجای خودش توی کمد باشه.

چرا بعضیا سمت NestJS می‌رن؟
- ساختار مرتب و ماژولار: کدها پخش و پلا نمی‌شن، همه چیز دسته‌بندی شده‌ست.
- TypeScript از اول توش هست: لازم نیست خودت ts رو تنظیم کنی.
- مقیاس‌پذیر برای پروژه‌های بزرگ: برای کار تیمی و پروژه‌های جدی خیلی قابل‌اتکاست.
- دیپندنسی اینجکشن (DI): وابستگی‌ها بهتر مدیریت می‌شن، مخصوصاً وقتی پروژه بزرگ می‌شه.

کِی به درد می‌خوره؟
- وقتی پروژه کوچیک نیست
- وقتی چند نفر قراره روی یه بک‌اند کار کنن
- وقتی دنبال نظم توی Node.js هستی

خلاصه:
ا NestJS همون Node.js هست، فقط با نظم و قانون.

یه مثال خیلی کوتاه: برای تعریف routeها توی express همه چیز رو باید دستی نوشت ولی توی nestjs فقط کافیه اینجوری به controller و بالای فانکشنی که میخوایم اضافش کنیم
Express:

app.get('/users', (req, res) => {
  const users = getUsers()
  res.send(users)
})

NestJS:

@Get('users')
findAll() {
  return this.userService.getUsers()
}

این یک ریپوزیتوری هستش که بهتون 100 تا ریجکس پترن پرکابرد ایرانی رو بهتون میده که میتونید در فرم ها و در هرجایی که میخواید ولیدیشن انجام بدید استفاده کنید و لذت ببرید و تقریبا میشه گفت خیلی تکمیله و هر چیزی داخلش پیدا میشه و میتونید استفاده کنید
https://github.com/ImLeoNova/100-Iranian-Regex-Patterns

LeoNova

گیت‌هاب ر‌وی بلاکچین می‌رود؟

جک دورسی، بنیان‌گذار توییتر، از ایده‌ی ساخت نسخه‌ای غیرمتمرکز از گیت‌هاب حمایت کرد. ماجرا از جایی شروع شد که یکی از برنامه‌نویس‌ها در شبکه‌ی X نوشت حسابش در گیت‌هاب بدون دلیل بسته شده، و دورسی در جواب فقط نوشت: «بله.»

خیلی‌ها حدس زدند منظورش تأیید ساخت نسخه‌ای شبیه گیت‌هاب اما بدون سانسور است؛ جایی که هیچ شرکت یا سروری نتواند حساب کسی را ببندد. دورسی که حالا دنبال اینترنت آزاد می‌باشد، شاید این بار سراغ ساخت گیت‌هاب روی بلاک‌چین برود.

سیستم پیشنهاد پست‌های توییتر X که الان بر پایه لایک، ریت و ... هست از ماه دیگه بر پایه یادگیری ماشین میشه، یعنی هوش‌مصنوعی تشخیص میده پست شمارو به بقیه نشون بده یا نه. یه شانس ایجاد میکنه برای پست‌هایی که معمولا دیده نمیشه و بیشتر میره سمت نشون دادن پست‌هایی که دوست دارید.

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

Geek Alerts

یه جا خوندم نوشته بود:

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

خنگ طبیعی با هوش مصنوعی هوشمند نمی‌شه :)

خروجی این کد چیه؟

چرا Clean Code مهمه؟
کد تمیز یعنی کدی که بعداً خودت ببینی و حالِت بد نشه. به همین سادگی.

چه فایده‌ای داره؟
- دیباگ راحت‌تر
- تغییر ساده‌تر
- کار تیمی بهتر

اصول ساده Clean Code:
- اسم درست انتخاب کن
مثلا countUsers بهتر از x یا data1 ـه. مغز آدم autocomplete نداره.
- تابع کوتاه باشه
اگه تابع رو اسکرول می‌کنی، یعنی زیادی حرف زده.
- فقط یه کار انجام بده
تابع نباید هم یوزر بسازه، هم لاگین کنه، هم چای بریزه.
- کد تکراری ننویس
کپی‌پیست زیاد = باگ‌های تکراری.

خلاصه:
کد تمیز = کار کمتر در آینده.

ابزار کاربردی: Lodash – جعبه‌ابزار توابع آماده
ا Lodash یه کتابخانه قدرتمنده پر از توابع آماده برای کار با آرایه، آبجکت، استرینگ و ...

مثال: حذف مقدارهای خالی از آرایه

import _ from "lodash";

const data = ["Ali", "", null, "Sara", undefined, " "];
const cleaned = _.compact(data);

console.log(cleaned);
// ["Ali", "Sara", " "]

مزایا:
- ساده‌سازی کد
- جلوگیری از باگ
- توابع آماده مهم و کاربردی مثل: debounce, cloneDeep, merge, uniq