| Rad Dev (JS) 🖤 |
2.69K subscribers
401 photos
18 videos
10 files
723 links
#JS 👑

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

ارتباط:

@AminKhoy78

مخلصم 👨‍💻🖤
Download Telegram
فکت: آگهی استخدامی که فقط فیلد رو ذکر کرده و از تکنولوژی‌ها حرفی نزده، به احتمال زیاد به درد نمی‌خوره.

یا سرکاریه، یا دلاله و یا شرکته محیط حرفه‌ای نداره.

@Mern_stack_01
👍58❤5💯2👎1🔥1
سوال مصاحبه: متد Promise.all جاوا اسکریپت رو پیاده‌سازی کنید.

راهنمایی: Promise.all‌ صبر می‌کنه تا همه Promiseها تموم بشن، بعد نتایج رو بده.
همچنین اگه یکی fail شد، کل کار fail میشه.


پاسخ:

function myPromiseAll(promises) {
return new Promise((resolve, reject) => {
const results = [];
let completed = 0;

promises.forEach((p, index) => {
Promise.resolve(p)
.then((value) => {
results[index] = value;
completed++;

if (completed === promises.length) {
resolve(results);
}
})
.catch(reject);
});
});
}


@Mern_stack_01
❤35👍5🤯1💯1💔1
فکر کن پروژت رو موبایل باگ داره. اما تو گوشی دیگه Devtools نداری که لاگ بندازی یا یسری کارای دیگه بکنی. این‌جاست که پکیج VConsole میاد وسط.

این پکیج تو مرورگر گوشی یه DevTools باز می‌کنه که می‌تونی لاگ های کنسول, Network, Storage, Elements و ... رو ببینی و مانیتور کنی:

🔗 https://www.npmjs.com/package/vconsole

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

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
👍32❤10🔥2💯2👎1
CleanCode - RadDev.pdf
2.9 MB
فایل PDF کتاب CleanCode عمو باب.

پ‌ن: راستش به نظرم نسخه ترجمه‌شده کتاب به درد نمی‌خوره.

@Merk_stack_01
👍26❤8👎2🤡2💯1
اگه دریافت هر کدوم از اطلاعات کاربران، محصولات و دسته‌بندی‌ها 1 ثانیه طول بکشه، اجرای کد زیر 3 ثانیه طول می‌کشه:

await fetch("/products");
await fetch("/categories");
await fetch("/users");


اما با Promise.all‌ شاید حوالی 1 ثانیه طول بکشه:

const [products, categories, users] =
await Promise.all([
fetch("/products"),
fetch("/categories"),
fetch("/users"),
]);


@Mern_stack_01
👍38❤9💯2
این نتیجه استفاده نادرست و بیش‌از‌حد از Ai هست.

@Mern_stack_01
👍63😁10👎2
| Rad Dev (JS) 🖤 |
در ادامه این پست، احتمالا دیدید که یسری اسکریپت های package.json رو بدون run اجراشون می‌کنیم. مثلا به جای npm run start می‌نویسیم npm start. دلیلش اینه که خود npm واسه یسری keywordها شورت‌کات تعریف کرده. مثل: - npm start - npm test - npm stop - npm restart…
در ادامه این پست، تو package.json می‌تونید اسکریپت هایی رو تعریف کنید که به صورت اتوماتیک قبل یا بعد از اجرای یه اسکریپت دیگه اجرا بشن. مثلا:
‌
{
"scripts": {
"prebuild": "echo Starting",
"build": "tsc",
"postbuild": "echo Done"
}
}

‌
با اجرای کامند npm run build، خود npm به ترتیب اسکریپت های prebuild و build و سپس postbuild رو اجرا می‌کنه.

@Mern_stack_01
🔥28❤6👍2
یه سوال خوب: تو کد زیر x باید چه عددی باشه؟

const x = ?

console.log(x === x + 1); // true


پاسخ: چند جواب ممکن وجود داره اما هدف سوال این جوابه:

const x = Number.MAX_SAFE_INTEGER + 1;


دلیل: جاوااسکریپت از نوع عددی IEEE-754 استفاده می‌کنه. بزرگ‌ترین عدد صحیح امن Number.MAX_SAFE_INTEGER هست که مقدارش مساویه با 9007199254740991
بعد از این عدد، دقت اعداد از بین می‌ره.

یعنی حتی کد زیر هم true می‌ده:

9007199254740992 === 9007199254740993


@Mern_stack_01
🤯37❤8⚡3👍1💯1
یه خبرنامه تخصصی واسه ری‌اکت پیدا کردم.

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

🔗 https://reactdigest.net/

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤38👍4💯2⚡1🔥1
می‌دونستین AbortController فقط واسه لغو درخواست های شبکه نیست و می‌شه ازش واسه لغو ایونت‌ها هم استفاده کرد؟

مثلا این‌طوری:

const abortController = new AbortController();

button.addEventListener(
'click',
() => console.log('clicked'),
{ signal: abortController.signal }
);

abortController.abort();


@Mern_stack_01
👍28💯4❤3
😁55👍5💯2
جونیور: سلامتی، زدم دیتابیس پروداکشن رو پاک کردم.

@Mern_stack_01
😁79🤡5
هشدار: ‎تا وقتی نمی‌دونی یه کامند چیکار می‌کنه، اونو ران نکن.

@Mern_stack_01
😁91🤡9👍4🤔2💯2💔1
اگه این کانفیگ رو به وی‌اس‌کد اضافه کنید دیگه کلا نیازی به ctrl + s ندارید. خودش سیو می‌کنه:

"files.autoSave": "afterDelay",


@Mern_stack_01
😁35👍10❤4
لیست الگوریتم‌ها در جاوا اسکریپت:

🔗 https://github.com/TheAlgorithms/JavaScript

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

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤27🔥2💯1
شب بخیر.

@Mern_stack_01
👍47❤14
عنوان ویدئو: تمام مراحل شغلی یک‌ برنامه‌نویس در ایران

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

🔗 https://www.youtube.com/watch?v=kDRzF4cG4Bc

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

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤44👍8💯5👎2🤔1💔1
به به.
حدودا 100‌ مینی‌پروژه Html Css Js به همراه سورس‌کد:

🔗 LINK

چیزای خوبی می‌شه ازشون یاد گرفت.

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤34🔥5👍4
این از انگیولار پر طرفدارتره :))

@Mern_stack_01
1😁80🤯9👎4👍1💔1
این‌جا کلی Button واسه موقعیت های مختلف هست به همراه سورس‌کدشون:

🔗 https://cssbuttons.io ‏

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤35👍7⚡3
واقعا یسری آپدیت‌ها رو درک نمی‌کنم.
مثلا Next.js اومده تو ورژن جدیدش اسم فایل middleware رو به proxy تغییر داده.

خودشم تو داکش نوشته فقط اسمش عوض شده، عملکردش همونه :/
خب بابا اصلا middleware رایج‌تره که.

دولوپر بیچاره هم یه کلمه جدید می‌بینه خوف می‌کنه فکر می‌کنه مثلا چه چیز سخت و پیچیده‌ای اضافه شده به فریمورک.

@Mern_stack_01
😁55👍14❤5💯4🔥2👎1💔1