| Rad Dev (JS) 🖤 |

کدوم کد رو ترجیح می‌دین؟

@Mern_stack_01

یه چک‌لیست خیلی جامع واسه فرانت‌اند (جاوا اسکریپت، امنیت، سئو، پروداکشن و …)

🔗 https://github.com/thedaviddias/Front-End-Checklist

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

@Mern_stack_01

یه لیست خوب و دسته‌بندی‌شده از ابزارهایی که به درد دولوپر فرانت‌اند می‌خورن:

🔗 https://github.com/nafasebra/awesome-webdesign-tools

@Mern_stack_01

اگه انگلیسی‌تون در حدی نیست که مقالات انگلیسی رو بخونید، لینک مقاله رو بفرستید به ChatGPT و این متن رو زیرش بنویسید:

“محتوای این لینک رو بهم یاد بده”

به زبون آدمی‌زاد و با دید فنی بهتون توضیح می‌ده، نه این که فقط ترجمه کنه.

@Mern_stack_01

مواردی که در راستای امنیت Api باید بلد باشید:

🔗 https://roadmap.sh/api-security-best-practices

@Mern_stack_01

این سایت اومده یسری سوال چالشی و مصاحبه‌ای از Css و Js رو به صورت سطح‌بندی‌شده و همراه با جواب تشریحی گذاشته که اگه در حال یادگیری هستین خیلی می‌تونه واسه درک بهتر کمک‌تون کنه:

🔗 https://30secondsofinterviews.org/

@Mern_stack_01

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

{
"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

یه الگوریتم معروف هست به اسم 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

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

🔗 https://github.com/wesbos/JavaScript30

@Mern_stack_01

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

اگه همچین چیزی رو بخواید تو وی‌اس‌کد داشته باشید اکستنشن Parameter Hints یا Inline Parameters رو نصب کنید.

@Mern_stack_01

((:

@Mern_stack_01

تو مهندسی نرم‌افزار یه اصطلاح داریم به اسم Happy Path. به حالت ایده‌الی گفته می‌شه که پروژه بدون هیچ مشکلی کار می‌کنه و هیچ خطایی به وجود نمیاد. مثلا:

- کاربر ایمیل معتبر وارد می‌کنه.
- رمز عبور رو هم معتبر وارد می‌کنه.
- اینترنت وصله و قطع نمی‌شه.
- دیتابیس در دسترسه.
- اطلاعات به درستی ذخیره می‌شن.
- پیام موفقیت نمایش داده می‌شه.

و در یک کلام همه‌چی عالی پیش می‌ره.

شاید واستون جالب باشه که هوش مصنوعی اکثرا فقط Happy Path رو پیاده سازی می‌کنه و کاری به حالت های Fail نداره. این‌جاست که تفاوت یه برنامه‌نویس حرفه‌ای و مبتدی تو استفاده از Ai و توسعه نرم‌افزار مشخص می‌شه.

@Mern_stack_01

فایل package.json صرفا فقط واسه نگه‌داری dependency نیست. کلی کار باحال می‌شه باهاش انجام داد.

یکی از کارایی که می‌شه انجام داد Script Composition (ترکیب اسکریپت‌ها) هست. یعنی از طریق یه اسکریپت، یه اسکریپت دیگه رو اجرا کنید. این قابلیت باعث می‌شه اسکریپت های خیلی طولانی نداشته باشید.

مثلا اسکریپت های زیر رو در نظر بگیرید. با اجرای اسکریپت build، اسکریپت clean هم اجرا می‌شه:

{
"scripts": {
"clean": "rimraf dist",
"build": "npm run clean && tsc"
}
}

@Mern_stack_01

این یه داشبورد اوپن‌سورس خفنه که با ری‌اکت و تایپ‌اسکریپت توسعه داده شده.

اگه مبتدی هستین واسه یادگیری و اگه حرفه‌ای هستین واسه ایده گرفتن می‌تونین ازش استفاده کنین:

🔗 https://github.com/pbasiak/dev-fox-ui-mui-dashboard-theme

@Mern_stack_01

فکت.

@Mern_stack_01

به نظرم زیر 5 - 6 سال سابقه‌کار به هیچ‌وجه نمیشه به سطح سنیور رسید.

جمله‌ای مثل "با دوره / منتور x به سطح سنیور می‌رسید" یه جمله کاملا اشتباهه که توسط یک‌سری مدرسین و پکیج فروش های کلاه‌بردار و شیاد استفاده می‌شه.

بدون حدودا 5 - 6 سال سابقه کار نمیشه سنیور بود.

از توجه شما به این موضوع سپاس‌گزارم.
محمدامین جی سعیدی‌راد

@Mern_stack_01

می‌دونستید توپ جام جهانی 2026 از یه گوشی هوشمند هم هوشمندتره؟

داخل توپ یه حس‌گر حرکتی IMU با نرخ 500 هرتز قرار گرفته.
یعنی سنسور میاد حرکت، سرعت و چرخش توپ رو تو هر ثانیه 500 بار رصد می‌کنه!

کوچک‌ترین برخورد پای بازیکن با توپ تو صدم ثانیه ثبت می‌شه.

همچنین با هر ضربه به توپ، توپ دقیق‌ترین داده‌ها رو به صورت لحظه‌ای به سیستم VAR ارسال می‌کنه.

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

زنده باد تکنولوژی ❤️

@Mern_stack_01

پکیج React-Doctor یه ابزار رایگان و اوپن‌سورسه واسه بررسی سلامت پروژه های ری‌اکتی.

با اجرای کامندی که تو تصویر می‌بینید میاد پروژتون رو اسکن می‌کنه و یه امتیاز بین 0 تا 100 بهش می‌ده.

اول فریمورک پروژه رو تشخیص می‌ده و سپس طبق نتیجه میاد با در نظر گرفتن 100ها قانون مختلف پروژه رو از لحاظ پرفورمنس، معماری، باندل‌سایز، امنیت و ... مورد بررسی قرار می‌ده.

امتیازدهی هم هوشمندانه‌ست. یعنی خطاها بیشتری نسبت به هشدارها روی وزن نهایی دارن.

به‌صورت کلی:
- امتیاز 75 به بالا: وضعیت خوب
- امتیاز 50 تا 74: نیازمند بهبود
- امتیاز کمتر از 50: وضعیت بحرانی

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

🔗 https://www.react.doctor/

@Mern_stack_01

یکی از پکیج هایی که هر برنامه‌نویس‌ Node.js باید بشناسه node-cron هست.

با این پکیج می‌تونین Cron Job تعریف کنین. یعنی یسری کار تعیین شده که تو یه زمان خاص باید تکرار بشن.

مثلا:
- ارسال ایمیل های دوره‌ای
- ارسال پیام توسط ربات هر روز 9 صبح
- ساخت Backup
- بروزرسانی Cache
- و …

🔗 https://www.npmjs.com/package/node-cron

@Mern_stack_01