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

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

ارتباط:

@AminKhoy78

مخلصم 👨‍💻🖤
Download Telegram
کارشناس QA: وقتی رو دکمه کلیک می‌کنم پروژه کرش می‌کنه.

دولوپر: خب روش کلیک نکن.

@Mern_stack_01
😁66👍2❤1
Ralph Johnson: Before software can be reusable, it first has to be usable.”

«قبل از اینکه نرم‌افزار reusable باشه، باید usable باشه.»

@Mern_stack_01
👍36💯5😁2🔥1
یه جا دیدم نوشته بود “برنامه‌نویسی که نتونه بدون Ai کد بزنه برنامه‌نویس نیست”

به نظر من این جمله مثل این می‌مونه که بگیم “هر کی نتونه بدون گوگل برنامه‌نویسی کنه برنامه‌نویس نیست”
در نتیجه جمله اشتباهیه.

هوش مصنوعی تا حد زیادی جای سرچ به روش قدیمی رو گرفته و این که استفاده از Ai خوبه یا نه، بستگی به نحوه استفاده شخص داره.

@Mern_stack_01
👍61❤9👎2
وقتی ورودی یا متغیری واحد اندازه‌گیری داره، بهتره تو اسمش ذکر شه:

❌
const timeout = 3000;

✅
const timeoutMs = 3000;


@Mern_stack_01
👍58❤14
انتهای 99 درصد وبینار های فارسی:

یه دوره آماده کردیم که ارزش واقعیش 999999 میلیارد تومنه اما به خاطر گل روی شما شرکت‌کننده‌ها تخفیف خورده و می‌تونید با مبلغ 990 هزار تومن ثبت‌نام کنید.

پ‌ن: شرکت‌کننده هم شاخ داره حتما.

@Mern_stack_01
😁85👍18🤡4⚡3💯1
اخیرا یه مقاله خوندم که یه پکیج به اسم Welson.js رو معرفی کرده بود.
تو مقاله گفته بود آی با این پکیج می‌شه اپ ویندوز توسعه داد و این حرفا.

رفتم ریپوش رو خوندم. یکم راجع بهش تحقیق کردم. دیدم از موتور قدیمی JScript استفاده می‌کنه. یعنی توش حتی Arrow Function هم نداری!

لینک ریپوش اینه. اگه دوست داشتین یه ناخونکی بهش بزنین:

🔗 https://github.com/gnh1201/welsonjs

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
😁22❤6👍4🔥1
راستش از این پیاماتون خیلی انرژی می‌گیرم.
خوشحالم که تونستم مفید باشم ❤️

@Mern_stack_01
❤67🔥7⚡3
جونیور:

const filtered = products.filter(...)

سنیور:

- اگه 100هزارتا محصول باشه چی؟
- آیا memoization نیازه؟
- آیا این filter باید server-side باشه؟
- آیا Cache نیازه؟
- آیا UX مناسبه؟
- آیا re-render اضافی داریم؟
- ا complexity این الگوریتم چیه؟
- و …

@Mern_stack_01
👍51🤯6❤5
اگه تو ری‌اکت تازه‌کار هستین این 101 نکته به حرفه‌ای‌تر شدن‌تون کمک می‌کنن:

🔗 https://www.frontendjoy.com/p/101-react-tips-tricks-for-beginners-to-experts

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤27👍6🔥2😁1
خودشون خنده‌شون نمی‌گیره واقعا؟
چطور روشون می‌شه اصلا؟

خدا عقل داده خب.

@Mern_stack_01
😁80🤡18🤯3❤2👎1
تو ری‌اکت یه مفهوم داریم به اسم Derived Data (داده مشتق‌‌شده)
به اون دسته از اطلاعاتی گفته می‌شه که از طریق یسری محاسبات روی یک یا چند استیت به دست میاد.

فرضا سه تا دیتا با اسامی firstName, lastName و fullName رو داریم که fullName از طریق concat شدن‌ اون دوتای دیگه به دست میاد.
اینجا اصطلاحا به fullName گفته می‌شه derived data.

ترجیحا بهتره همچین دیتاهایی به صورت state تعریف نشن:

// ❌
const [firstName, setFirstName] = useState(“”);
const [lastName, setLastName] = useState(“”);

const [fullName, setFullname] = useState(“…”);

// ✅
const [firstName, setFirstName] = useState(“”);
const [lastName, setLastName] = useState(“”);

const fullName = firstName + lastName;


@Mern_stack_01
👍32❤8💯3👎1
17 سوال چالشی و مصاحبه‌ای در رابطه با Variable های جاوا اسکریپت:

🔗 https://www.frontendjoy.com/p/javascript-variables-17-quick-questions-you-need-to-master

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤24👍2🔥1
VS Code Cheatsheet.pdf
11.8 MB
چیت‌شیت وی‌اس‌کد (کلیدهای میانبر + اکستنشن های کاربردی)

@Mern_stack_01
❤29👍6🔥2
اسنپ‌فود:

@Mern_stack_01
😁80🤡12🤯3❤1
این ریپو محشره …

یه لیست دو کیلومتری از مباحث دسته‌بندی شده هست در رابطه با برنامه‌نویسی. مثل اخبار، مقاله، تمرین، ایده، توصیه‌، ابزار، مصاحبه، هوش‌مصنوعی و …:

🔗 github.com/sdmg15/Best-websites-a-programmer-should-visit

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤29👍1🔥1
یه مقاله می‌خوندم در رابطه با درخواست کردن.
نوشته بود اکثر آدما به دلیل خجالت یا دلایل دیگه نمی‌تونن درخواست کنن. غافل از این که یه درخواست ممکنه زندگی شما رو از این رو به اون رو بکنه.

مثل درخواست افزایش حقوق.
درخواست ارتقای سِمت.
درخواست همکاری از یه شخص باتجربه.
و …

در نتیجه خجالت نکشید و درخواست کنید، البته تو یه چارچوب خوب و درست.

@Mern_stack_01
👍68❤10🔥2👎1
نسخه فارسی داکیومنت جاوا اسکریپت:

🔗 fa.javascript.info

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

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤20👍8🔥2👎1
تقریبا هر چیزی که تو اکوسیستم ری‌اکت نیاز داری اینجا هست. از روتر گرفته تا چارت، انیمیشن، آیکون، تست‌نویسی، مدیریت فرم و …:

🔗 https://github.com/enaqx/awesome-react

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤23👍4🔥2
یکی از مهم‌ترین تفاو‌ت های جونیور و سنیور اینه که سنیور اصول ریفکتورینگ رو به خوبی بلده.

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

🔗 refactoring.guru/refactoring

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
👍26❤6⚡2
از 114 تگ Html چندتاشو به خاطر دارین؟

اینجا می‌تونین خودتونو محک بزنین:

🔗 https://codepen.io/plfstr/full/zYqQeRw

خودم 58تا👨‍💻

@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
😁37❤8👍5🤯3💯1
یه بار واسه یه پوزیشنی داشتم رزومه‌های ارسالی رو بررسی می‌کردم.
حدودا 60 تا رزومه بود. تو 8 تا از رزومه‌ها دقیقا یه‌ نمونه‌کار یکسان وجود داشت. حتی با سورس‌کد های یکسان!

جدا از این که همه اون رزومه‌ها رد شدن، بعدا کاشف به عمل اومد که این 8 شخص دانشجوی یه دوره آموزشی بودن و پروژه هایی که مدرس تو دوره نوشته بود رو عینا به عنوان نمونه‌کار گذاشته بودن تو رزومه‌ها‌شون!

نتیجه اول: نمونه‌کار یعنی پروژه‌ای که خودت توسعه دادی.

نتیجه دوم: نمونه‌کار هر چقدر یونیک‌تر همون‌قدر باارزش‌تر.

@Mern_stack_01
👍73❤8🤯8