چطور اعداد فشرده در جاوااسکریپت تولید کنیم
اعداد compact مثل 10k یا 100m هستن که برای خلاصهسازی و ظاهر بهتر استفاده میشن.
این برای مواردی مثل داشبوردها و صفحات پروفایل شبکههای اجتماعی خیلی مفیده
اعداد compact مثل 10k یا 100m هستن که برای خلاصهسازی و ظاهر بهتر استفاده میشن.
این برای مواردی مثل داشبوردها و صفحات پروفایل شبکههای اجتماعی خیلی مفیده
هر کارفرما باید سالی ۱۰۰ هزار دلار برای هر ویزای کاری آمریکا (H1-B) پرداخت کنه. موج خروج هندیها، چینیها و ایرانی ها از آمریکا استارت خورده…
koorosh chaichi
koorosh chaichi
👍1🤣1
ویژگی جدید CSS به نام corner-shape امکان ساخت گوشههای سفارشی را فراهم میکند. یکی از حالتهای مهم آن squircle است؛ شکلی بین مربع و دایره که در رابطهای کاربری مدرن (مثل آیکونهای iOS) رایج است.
مزیت اصلی این ویژگی، سازگاری عقبرو است. اگر مرورگر از آن پشتیبانی نکند، گوشهها بهصورت مربع یا با border-radius معمولی نمایش داده میشوند.
این قابلیت راهی طبیعیتر و زیباتر برای طراحی گوشهها در وب فراهم میکند.
مزیت اصلی این ویژگی، سازگاری عقبرو است. اگر مرورگر از آن پشتیبانی نکند، گوشهها بهصورت مربع یا با border-radius معمولی نمایش داده میشوند.
این قابلیت راهی طبیعیتر و زیباتر برای طراحی گوشهها در وب فراهم میکند.
🔥2👍1
چند تا اکستنشن با حال و کاربردی VS Code
🔍 StackFinder
این ابزار سریع میگرده و جواب های مربوط به مشکلات کدتون رو از Stack Overflow پیدا میکنه (هرچند با اومدن AI کمتر استفاده میشه)
👀 Emoji Sense
میتونید باهاش توی کدتون ایموجی استفاده کنید.
🔰 Bracket Pair Colorizer
براکتهای باز و بستهی هر بلاک رو با رنگهای متفاوت نشون میده تا راحتتر متوجه بشید کدوم به کدومه؛ خصوصا توی کدهای تو در تو خیلی کمک میکنه.
🎨 Color Highlight
هر جا کد رنگی مثل #ff5733 یا RGB توی کدت بنویسید، رنگش رو میتونین همونجا ببینید.
📁 Path Intellisense
وقتی مسیر فایل یا عکس مینویسید، بهتون مسیر رو پیشنهاد میده.
🔍 StackFinder
این ابزار سریع میگرده و جواب های مربوط به مشکلات کدتون رو از Stack Overflow پیدا میکنه (هرچند با اومدن AI کمتر استفاده میشه)
👀 Emoji Sense
میتونید باهاش توی کدتون ایموجی استفاده کنید.
🔰 Bracket Pair Colorizer
براکتهای باز و بستهی هر بلاک رو با رنگهای متفاوت نشون میده تا راحتتر متوجه بشید کدوم به کدومه؛ خصوصا توی کدهای تو در تو خیلی کمک میکنه.
🎨 Color Highlight
هر جا کد رنگی مثل #ff5733 یا RGB توی کدت بنویسید، رنگش رو میتونین همونجا ببینید.
📁 Path Intellisense
وقتی مسیر فایل یا عکس مینویسید، بهتون مسیر رو پیشنهاد میده.
👍2
خیلی از اپلیکیشنها هستن که بهتره صفحه نمایش گوشی یا کامپیوتر به صورت خودکار قفل نشه.
مثلاً:
• اپلیکیشن تایمر یا کرنومتر (مثل وقتی که داری ورزش میکنی و میخوای تایم دقیق ببینی)
• اپلیکیشن مدیتیشن (وقتی راهنمای صوتی پخش میشه و نمیخوای وسطش صفحه خاموش شه)
• نمایش زنده نتایج ورزشی (که نتیجه بازی رو دنبال میکنی)
• اپلیکیشن مسیریابی (مثل وقتی در حال رانندگی یا پیادهروی هستی و نیاز داری نقشه همیشه روشن بمونه)
• خواندن کتاب یا متنهای طولانی (که نمیخوای هی صفحه خاموش بشه)
• تماشای ویدیو بدون پلیر فولاسکرین
• اپلیکیشنهای کاری مثل مدیریت انبار یا فروش (که توی محیط کار استفاده میکنی و لازم داری همیشه اطلاعات جلوت باشه)
برای چنین اپلیکیشنهایی، مرورگرها یه API خیلی ساده اما کاربردی به اسم Wake Lock API ارائه دادن.
این API وقتی فعال بشه، جلوی خاموش شدن یا قفل شدن صفحه بعد از مدت زمان مشخص رو میگیره و باعث میشه صفحه زنده بمونه تا وقتی که خودت اون قفل رو آزاد کنی.
مثلاً:
• اپلیکیشن تایمر یا کرنومتر (مثل وقتی که داری ورزش میکنی و میخوای تایم دقیق ببینی)
• اپلیکیشن مدیتیشن (وقتی راهنمای صوتی پخش میشه و نمیخوای وسطش صفحه خاموش شه)
• نمایش زنده نتایج ورزشی (که نتیجه بازی رو دنبال میکنی)
• اپلیکیشن مسیریابی (مثل وقتی در حال رانندگی یا پیادهروی هستی و نیاز داری نقشه همیشه روشن بمونه)
• خواندن کتاب یا متنهای طولانی (که نمیخوای هی صفحه خاموش بشه)
• تماشای ویدیو بدون پلیر فولاسکرین
• اپلیکیشنهای کاری مثل مدیریت انبار یا فروش (که توی محیط کار استفاده میکنی و لازم داری همیشه اطلاعات جلوت باشه)
برای چنین اپلیکیشنهایی، مرورگرها یه API خیلی ساده اما کاربردی به اسم Wake Lock API ارائه دادن.
این API وقتی فعال بشه، جلوی خاموش شدن یا قفل شدن صفحه بعد از مدت زمان مشخص رو میگیره و باعث میشه صفحه زنده بمونه تا وقتی که خودت اون قفل رو آزاد کنی.
🔥2
کدمو تمیز بنویسم یا فعلا یه چیزی باشه که کار کنه؟
گیر افتادن تو تلهی کمالگرایی ⛔️
برنامهنویسی هم مثل خیلی چیزای دیگهست:
گاهی باید قبل از اینکه بخوای کدت کامل و تمیز باشه، اول یه چیزی راه بندازی که کار کنه.
به قول یکی از دوستای متخصص، هروقت نمیدونی باید کدوم گزینه رو اولویت بذاری ببین کدومش اول بیزنستو به پول میرسونه.!!
کد تمیز و مرتب مهمه، ولی نه همیشه از همون اول!
مرحلهی اول: کار کن
مرحلهی بعد: تمیزکاری و بهتر کردن
اینطوری هم زودتر به نتیجه میرسی، هم وقت داری بعداً همه چیزو حرفهای کنی
Hoori Nikoo
گیر افتادن تو تلهی کمالگرایی ⛔️
برنامهنویسی هم مثل خیلی چیزای دیگهست:
گاهی باید قبل از اینکه بخوای کدت کامل و تمیز باشه، اول یه چیزی راه بندازی که کار کنه.
به قول یکی از دوستای متخصص، هروقت نمیدونی باید کدوم گزینه رو اولویت بذاری ببین کدومش اول بیزنستو به پول میرسونه.!!
کد تمیز و مرتب مهمه، ولی نه همیشه از همون اول!
مرحلهی اول: کار کن
مرحلهی بعد: تمیزکاری و بهتر کردن
اینطوری هم زودتر به نتیجه میرسی، هم وقت داری بعداً همه چیزو حرفهای کنی
Hoori Nikoo
👍4🔥1
خبر جدید: React در مسیر استقلال از متا
ا React در یک تغییر تاریخی، از زیر چتر Meta در حال انتقال به نهادی مستقل به نام React Foundation است.
این بنیاد زیر نظر Linux Foundation اداره خواهد شد تا React دیگر وابسته به یک شرکت خاص نباشد.
نکات مهم:
ا Meta همچنان پشتیبانی مالی و فنی میدهد، اما کنترل انحصاری ندارد.
شرکتهایی مثل Microsoft، Amazon و Vercel هم عضو بنیاد خواهند شد.
هدف: تصمیمگیری بیطرفانه، آینده پایدار و جامعهمحور برای React.
نتیجه؟
ا React وارد دورهای جدید میشود: آزادتر، جهانیتر و مستقلتر از همیشه.
ا React در یک تغییر تاریخی، از زیر چتر Meta در حال انتقال به نهادی مستقل به نام React Foundation است.
این بنیاد زیر نظر Linux Foundation اداره خواهد شد تا React دیگر وابسته به یک شرکت خاص نباشد.
نکات مهم:
ا Meta همچنان پشتیبانی مالی و فنی میدهد، اما کنترل انحصاری ندارد.
شرکتهایی مثل Microsoft، Amazon و Vercel هم عضو بنیاد خواهند شد.
هدف: تصمیمگیری بیطرفانه، آینده پایدار و جامعهمحور برای React.
نتیجه؟
ا React وارد دورهای جدید میشود: آزادتر، جهانیتر و مستقلتر از همیشه.
👍3🔥1
کلین آرکیتکچر توی Node.js چیه و چرا مهمه؟
اگه توی پروژههات همهچیز رو ریختی توی route و controller و الان هر تغییری میخوای بدی میترسی چیزی خراب شه، وقتشه با یه معماری حرفهای آشنا بشی: Clean Architecture
کلین آرکیتکچر چی میگه؟
این معماری میخواد بگه:
منطق اصلی پروژهت (Business Logic) نباید وابسته به دیتابیس یا Express باشه
هر بخش وظیفه خودش رو داشته باشه، نه بیشتر
تغییر دادن یه بخش، کل سیستم رو به هم نریزه
مثال ساده
توی Domain فقط تعریف میکنی کاربر چیه
توی Use Case میگی "چطور کاربر جدید ثبت کنیم"
توی Infrastructure مشخص میکنی دیتا کجا ذخیره شه (Mongo، Postgres…)
توی Interface فقط درخواست رو میگیری و جواب میدی (Express)
چرا استفاده کنیم؟
پروژهت وابسته به Express یا دیتابیس خاص نمیشه
میتونی دیتابیس رو عوض کنی بدون درد
تستنویسی خیلی سادهتر میشه
کدها منظم، قابل فهم و حرفهای میشن
اگه توی پروژههات همهچیز رو ریختی توی route و controller و الان هر تغییری میخوای بدی میترسی چیزی خراب شه، وقتشه با یه معماری حرفهای آشنا بشی: Clean Architecture
کلین آرکیتکچر چی میگه؟
این معماری میخواد بگه:
منطق اصلی پروژهت (Business Logic) نباید وابسته به دیتابیس یا Express باشه
هر بخش وظیفه خودش رو داشته باشه، نه بیشتر
تغییر دادن یه بخش، کل سیستم رو به هم نریزه
/domain → قوانین و موجودیتها (Entities)
/use-cases → سناریوها مثل ثبتنام کاربر
/infrastructure→ دیتابیس، سرویسها، ابزارها
/interfaces → کنترلرها و API (مثل Express)
مثال ساده
توی Domain فقط تعریف میکنی کاربر چیه
توی Use Case میگی "چطور کاربر جدید ثبت کنیم"
توی Infrastructure مشخص میکنی دیتا کجا ذخیره شه (Mongo، Postgres…)
توی Interface فقط درخواست رو میگیری و جواب میدی (Express)
چرا استفاده کنیم؟
پروژهت وابسته به Express یا دیتابیس خاص نمیشه
میتونی دیتابیس رو عوض کنی بدون درد
تستنویسی خیلی سادهتر میشه
کدها منظم، قابل فهم و حرفهای میشن
Alireza 👨🏻💻
کلین آرکیتکچر توی Node.js چیه و چرا مهمه؟ اگه توی پروژههات همهچیز رو ریختی توی route و controller و الان هر تغییری میخوای بدی میترسی چیزی خراب شه، وقتشه با یه معماری حرفهای آشنا بشی: Clean Architecture کلین آرکیتکچر چی میگه؟ این معماری میخواد بگه:…
فریمورک NestJS چیه؟
ا NestJS یه فریمورک برای Node.js هست که با TypeScript ساخته شده. هدفش اینه که پروژههای بکاند رو منظمتر کنه، مثل وقتی که هر چیزی سرجای خودش توی کمد باشه.
چرا بعضیا سمت NestJS میرن؟
- ساختار مرتب و ماژولار: کدها پخش و پلا نمیشن، همه چیز دستهبندی شدهست.
- TypeScript از اول توش هست: لازم نیست خودت ts رو تنظیم کنی.
- مقیاسپذیر برای پروژههای بزرگ: برای کار تیمی و پروژههای جدی خیلی قابلاتکاست.
- دیپندنسی اینجکشن (DI): وابستگیها بهتر مدیریت میشن، مخصوصاً وقتی پروژه بزرگ میشه.
کِی به درد میخوره؟
- وقتی پروژه کوچیک نیست
- وقتی چند نفر قراره روی یه بکاند کار کنن
- وقتی دنبال نظم توی Node.js هستی
خلاصه:
ا NestJS همون Node.js هست، فقط با نظم و قانون.
ا NestJS یه فریمورک برای Node.js هست که با TypeScript ساخته شده. هدفش اینه که پروژههای بکاند رو منظمتر کنه، مثل وقتی که هر چیزی سرجای خودش توی کمد باشه.
چرا بعضیا سمت NestJS میرن؟
- ساختار مرتب و ماژولار: کدها پخش و پلا نمیشن، همه چیز دستهبندی شدهست.
- TypeScript از اول توش هست: لازم نیست خودت ts رو تنظیم کنی.
- مقیاسپذیر برای پروژههای بزرگ: برای کار تیمی و پروژههای جدی خیلی قابلاتکاست.
- دیپندنسی اینجکشن (DI): وابستگیها بهتر مدیریت میشن، مخصوصاً وقتی پروژه بزرگ میشه.
کِی به درد میخوره؟
- وقتی پروژه کوچیک نیست
- وقتی چند نفر قراره روی یه بکاند کار کنن
- وقتی دنبال نظم توی Node.js هستی
خلاصه:
ا NestJS همون Node.js هست، فقط با نظم و قانون.
Alireza 👨🏻💻
فریمورک NestJS چیه؟ ا NestJS یه فریمورک برای Node.js هست که با TypeScript ساخته شده. هدفش اینه که پروژههای بکاند رو منظمتر کنه، مثل وقتی که هر چیزی سرجای خودش توی کمد باشه. چرا بعضیا سمت NestJS میرن؟ - ساختار مرتب و ماژولار: کدها پخش و پلا نمیشن، همه…
یه مثال خیلی کوتاه: برای تعریف routeها توی express همه چیز رو باید دستی نوشت ولی توی nestjs فقط کافیه اینجوری به controller و بالای فانکشنی که میخوایم اضافش کنیم
Express:
NestJS:
Express:
app.get('/users', (req, res) => {
const users = getUsers()
res.send(users)
})NestJS:
@Get('users')
findAll() {
return this.userService.getUsers()
}👍2
این یک ریپوزیتوری هستش که بهتون 100 تا ریجکس پترن پرکابرد ایرانی رو بهتون میده که میتونید در فرم ها و در هرجایی که میخواید ولیدیشن انجام بدید استفاده کنید و لذت ببرید و تقریبا میشه گفت خیلی تکمیله و هر چیزی داخلش پیدا میشه و میتونید استفاده کنید
https://github.com/ImLeoNova/100-Iranian-Regex-Patterns
LeoNova
https://github.com/ImLeoNova/100-Iranian-Regex-Patterns
LeoNova
👍1