| Rad Dev (JS) |
2.09K subscribers
251 photos
10 videos
4 files
610 links
#JS 👑

سعیدی‌را‌د هستم، اینجا تجربم و چیزایی که یاد می‌گیرم رو به اشتراک می‌ذارم.

ارتباط:

@AminKhoy78

مخلصم 👨‍💻🖤
Download Telegram
تو جمله “کاربر محصولی را سفارش می‌دهد” چندتا موجودیت داریم؟
Anonymous Quiz
8%
یک موجودیت
22%
دو موجودیت
45%
سه موجودیت
25%
نمی‌دونم موجودیت چیه. دیدن نتایج.
29🔥7🤡6👍5
| Rad Dev (JS) |
راستش از این پیاماتون خیلی انرژی می‌گیرم. خوشحالم که تونستم مفید باشم ❤️ @Mern_stack_01
راستش از این پیاماتون خیلی انرژی می‌گیرم.
خوشحالم که تونستم مفید باشم ❤️

@Mern_stack_01
303👍2
‏می‌دونید چرا اکثر کارآفرین‌های ایرانی ارزشی برای نیروی انسانی قائل نیستن؟ چون ماشین تورم نیاز به هرگونه خلاقیت، دانش، تجربه و … را از بین می‌برد. تورم همه چیز رو می‌بلعد.

@Mern_stack_01
👍63💔115👎1
رفقا این تبلیغاتی که گاها انتهای پست‌ها نمایش داده می‌شن رو خود تلگرام می‌ذاره.
بنده نه رد و نه تاییدشون می‌کنم.

هر تبلیغی با این تیپ و استایل دیدید، خود تلگرام قرار می‌ده تو چنل‌ها.

@Mern_stack_01
👍453👎1😁1
پکیج bwip.js یه لایبرری اوپن‌سورسه که می‌تونید ازش واسه ایجاد بیش از 10 ‌نوع بارکد استفاده کنید. تو محیط مرورگر، Nodejs، ری‌اکت‌نیتیو و … قابل اجراست و می‌شه ازش خروجی png, canvas یا svg گرفت:

🔗 https://www.npmjs.com/package/bwip-js

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

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

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

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

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
25👍7
پکیج React-Doctor یه ابزار رایگان و اوپن‌سورسه واسه بررسی سلامت پروژه های ری‌اکتی.

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

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

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

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

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

🔗 https://www.react.doctor/

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
31🔥6👍2
می‌دونستید توپ جام جهانی 2026 از یه گوشی هوشمند هم هوشمندتره؟

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

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

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

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

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

@Mern_stack_01
🤯8028👍11👎2🔥2
به نظرم زیر 5 - 6 سال سابقه‌کار به هیچ‌وجه نمیشه به سطح سنیور رسید.

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

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

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

@Mern_stack_01
👍101😁4814👎2
👍93👎129😁4
این یه داشبورد اوپن‌سورس خفنه که با ری‌اکت و تایپ‌اسکریپت توسعه داده شده.

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

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

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
24👍6
فایل package.json صرفا فقط واسه نگه‌داری dependency نیست. کلی کار باحال می‌شه باهاش انجام داد.

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

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

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


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

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

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

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

@Mern_stack_01
58👍30🤡2🔥1
😁69🔥4🤡211🤯1
اگه با محصولات JetBrains کد زده باشید احتمالا می‌دونید که موقع ارسال پارامترها به فانکشن اسم پارامترها رو hint می‌کنه.

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

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

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

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
25🔥4👍2
یه الگوریتم معروف هست به اسم 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
Please open Telegram to view this post
VIEW IN TELEGRAM
30😁12👍2
اگه این کانفیگ رو به وی‌اس‌کد اضافه کنین وقتی فایل رو سیو می‌کنین خودش ایمپورت‌ها رو مرتب می‌کنه و حتی ایمپورت هایی که استفاده نکردین رو پاک می‌کنه:

{
"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
👍2811
این سایت اومده یسری سوال چالشی و مصاحبه‌ای از Css و Js رو به صورت سطح‌بندی‌شده و همراه با جواب تشریحی گذاشته که اگه در حال یادگیری هستین خیلی می‌تونه واسه درک بهتر کمک‌تون کنه:

🔗 https://30secondsofinterviews.org/

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
30🔥5👍4💯1
مواردی که در راستای امنیت Api باید بلد باشید:

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

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
22👍4💯2