Endi mavjud! Telegram Tadqiqoti 2025 — yilning asosiy insaytlari 
| Rad Dev (JS) |
Kanalga Telegram’da o‘tish
#JS 👑 سعیدیراد هستم، اینجا تجربم و چیزایی که یاد میگیرم رو به اشتراک میذارم. ارتباط: @AminKhoy78 مخلصم 👨💻🖤
Ko'proq ko'rsatish2 108
Obunachilar
+324 soatlar
+197 kunlar
+48530 kunlar
Postlar arxiv
2 108
یه چکلیست خیلی جامع واسه فرانتاند (جاوا اسکریپت، امنیت، سئو، پروداکشن و …)
🔗 https://github.com/thedaviddias/Front-End-Checklist
لینکها و منابع خیلی مفیدی توش هست. حتما بهش یه سر بزنید.
@Mern_stack_01
2 108
یه لیست خوب و دستهبندیشده از ابزارهایی که به درد دولوپر فرانتاند میخورن:
🔗 https://github.com/nafasebra/awesome-webdesign-tools
@Mern_stack_01
2 108
اگه انگلیسیتون در حدی نیست که مقالات انگلیسی رو بخونید، لینک مقاله رو بفرستید به ChatGPT و این متن رو زیرش بنویسید:
“محتوای این لینک رو بهم یاد بده”
به زبون آدمیزاد و با دید فنی بهتون توضیح میده، نه این که فقط ترجمه کنه.
@Mern_stack_01
2 108
مواردی که در راستای امنیت Api باید بلد باشید:
🔗 https://roadmap.sh/api-security-best-practices
@Mern_stack_01
2 108
این سایت اومده یسری سوال چالشی و مصاحبهای از Css و Js رو به صورت سطحبندیشده و همراه با جواب تشریحی گذاشته که اگه در حال یادگیری هستین خیلی میتونه واسه درک بهتر کمکتون کنه:
🔗 https://30secondsofinterviews.org/
@Mern_stack_01
2 108
اگه این کانفیگ رو به ویاسکد اضافه کنین وقتی فایل رو سیو میکنین خودش ایمپورتها رو مرتب میکنه و حتی ایمپورت هایی که استفاده نکردین رو پاک میکنه:
{ "editor.codeActionsOnSave": { "source.organizeImports": "explicit" } }مثلا:
// Before save import z from "./z"; import React from "react"; import a from "./a"; // After save import React from "react"; import a from "./a"; import z from "./z";@Mern_stack_01
2 108
یه الگوریتم معروف هست به اسم Stalin Sort. روش کارش اینطوریه که میاد اعدادی که روند صعودی آرایه رو به هم میزنن رو حذف میکنه. یجورایی آرایه رو مرتب میکنه، اما با حذف یسری آیتمها:
const list = [1, 2, 5, 3, 6, 4, 10]; sortedResult = stalinSort(list); console.log(sortedResult) // [1, 2, 5, 6, 10]کدش هم اینجا هست: 🔗 https://github.com/kedmenecr/stalin-sort-js مسلما تو پروژه های واقعی بهش نیاز نمیشه. صرفا یه الگوریتم فانه. @Mern_stack_01
2 108
اگه تازه جاوا اسکربپت یاد گرفتین یا دارین یادش میگیرین، این ریپو 30 تمرین جاوا اسکریپت با سورسکد و بدون سورسکد قرار داده که میتونه چند قدم جلو بندازتتون:
🔗 https://github.com/wesbos/JavaScript30
@Mern_stack_01
2 108
اگه با محصولات JetBrains کد زده باشید احتمالا میدونید که موقع ارسال پارامترها به فانکشن اسم پارامترها رو hint میکنه.
اگه همچین چیزی رو بخواید تو ویاسکد داشته باشید اکستنشن Parameter Hints یا Inline Parameters رو نصب کنید.
@Mern_stack_01
2 108
تو مهندسی نرمافزار یه اصطلاح داریم به اسم Happy Path. به حالت ایدهالی گفته میشه که پروژه بدون هیچ مشکلی کار میکنه و هیچ خطایی به وجود نمیاد. مثلا:
- کاربر ایمیل معتبر وارد میکنه.
- رمز عبور رو هم معتبر وارد میکنه.
- اینترنت وصله و قطع نمیشه.
- دیتابیس در دسترسه.
- اطلاعات به درستی ذخیره میشن.
- پیام موفقیت نمایش داده میشه.
و در یک کلام همهچی عالی پیش میره.
شاید واستون جالب باشه که هوش مصنوعی اکثرا فقط Happy Path رو پیاده سازی میکنه و کاری به حالت های Fail نداره. اینجاست که تفاوت یه برنامهنویس حرفهای و مبتدی تو استفاده از Ai و توسعه نرمافزار مشخص میشه.
@Mern_stack_01
2 108
فایل package.json صرفا فقط واسه نگهداری dependency نیست. کلی کار باحال میشه باهاش انجام داد.
یکی از کارایی که میشه انجام داد Script Composition (ترکیب اسکریپتها) هست. یعنی از طریق یه اسکریپت، یه اسکریپت دیگه رو اجرا کنید. این قابلیت باعث میشه اسکریپت های خیلی طولانی نداشته باشید.
مثلا اسکریپت های زیر رو در نظر بگیرید. با اجرای اسکریپت build، اسکریپت clean هم اجرا میشه:
{ "scripts": { "clean": "rimraf dist", "build": "npm run clean && tsc" } }@Mern_stack_01
2 108
این یه داشبورد اوپنسورس خفنه که با ریاکت و تایپاسکریپت توسعه داده شده.
اگه مبتدی هستین واسه یادگیری و اگه حرفهای هستین واسه ایده کرفتن میتونین ازش استفاده کنین:
🔗 https://github.com/pbasiak/dev-fox-ui-mui-dashboard-theme
@Mern_stack_01
2 108
به نظرم زیر 5 - 6 سال سابقهکار به هیچوجه نمیشه به سطح سنیور رسید.
جملهای "با دوره / منتور x به سطح سنیور میرسید" یه جمله کاملا اشتباهه که توسط یکسری مدرسین و پکیج فروش های کلاهبردار و شیاد استفاده میشه.
بدون حدودا 5 - 6 سال سابقه کار نمیشه سنیور بود.
از توجه شما به این موضوع سپاسگزارم.
محمدامین جی سعیدیراد
@Mern_stack_01
2 108
میدونستید توپ جام جهانی 2026 از یه گوشی هوشمند هم هوشمندتره؟
داخل توپ یه حسگر حرکتی IMU با نرخ 500 هرتز قرار گرفته.
یعنی سنسور میاد حرکت، سرعت و چرخش توپ رو تو هر ثانیه 500 بار رصد میکنه!
کوچکترین برخورد پای بازیکن با توپ تو صدم ثانیه ثبت میشه.
همچنین با هر ضربه به توپ، توپ دقیقترین دادهها رو به صورت لحظهای به سیستم VAR ارسال میکنه.
میشه گفت حتی قبل از این که داور بخواد بره سیستم VAR رو چک کنه، خود توپ تصمیم رو گرفته که مثلا آفساید هست یا نه.
زنده باد تکنولوژی ❤️
@Mern_stack_01
2 108
پکیج React-Doctor یه ابزار رایگان و اوپنسورسه واسه بررسی سلامت پروژه های ریاکتی.
با اجرای کامندی که تو تصویر میبینید میاد پروژتون رو اسکن میکنه و یه امتیاز بین 0 تا 100 بهش میده.
اول فریمورک پروژه رو تشخیص میده و سپس طبق نتیجه میاد با در نظر گرفتن 100ها قانون مختلف پروژه رو از لحاظ پرفورمنس، معماری، باندلسایز، امنیت و ... مورد بررسی قرار میده.
امتیازدهی هم هوشمندانهست. یعنی خطاها بیشتری نسبت به هشدارها روی وزن نهایی دارن.
بهصورت کلی:
- امتیاز 75 به بالا: وضعیت خوب
- امتیاز 50 تا 74: نیازمند بهبود
- امتیاز کمتر از 50: وضعیت بحرانی
جدا از اینا لیست کاملی از مشکلات رو هم بهتون نشون میده تا بتونین فیکسشون کنین:
🔗 https://www.react.doctor/
@Mern_stack_01
2 108
یکی از پکیج هایی که هر برنامهنویس Node.js باید بشناسه node-cron هست.
با این پکیج میتونین Cron Job تعریف کنین. یعنی یسری کار تعیین شده که تو یه زمان خاص باید تکرار بشن.
مثلا:
- ارسال ایمیل های دورهای
- ارسال پیام توسط ربات هر روز 9 صبح
- ساخت Backup
- بروزرسانی Cache
- و …
🔗 https://www.npmjs.com/package/node-cron
@Mern_stack_01
