Ralph Johnson: Before software can be reusable, it first has to be usable.”
«قبل از اینکه نرمافزار reusable باشه، باید usable باشه.»
@Mern_stack_01
«قبل از اینکه نرمافزار reusable باشه، باید usable باشه.»
@Mern_stack_01
👍36💯5😁2🔥1
یه جا دیدم نوشته بود “برنامهنویسی که نتونه بدون Ai کد بزنه برنامهنویس نیست”
به نظر من این جمله مثل این میمونه که بگیم “هر کی نتونه بدون گوگل برنامهنویسی کنه برنامهنویس نیست”
در نتیجه جمله اشتباهیه.
هوش مصنوعی تا حد زیادی جای سرچ به روش قدیمی رو گرفته و این که استفاده از Ai خوبه یا نه، بستگی به نحوه استفاده شخص داره.
@Mern_stack_01
به نظر من این جمله مثل این میمونه که بگیم “هر کی نتونه بدون گوگل برنامهنویسی کنه برنامهنویس نیست”
در نتیجه جمله اشتباهیه.
هوش مصنوعی تا حد زیادی جای سرچ به روش قدیمی رو گرفته و این که استفاده از Ai خوبه یا نه، بستگی به نحوه استفاده شخص داره.
@Mern_stack_01
👍61❤9👎2
وقتی ورودی یا متغیری واحد اندازهگیری داره، بهتره تو اسمش ذکر شه:
@Mern_stack_01
❌
const timeout = 3000;
✅
const timeoutMs = 3000;
@Mern_stack_01
👍58❤14
انتهای 99 درصد وبینار های فارسی:
یه دوره آماده کردیم که ارزش واقعیش 999999 میلیارد تومنه اما به خاطر گل روی شما شرکتکنندهها تخفیف خورده و میتونید با مبلغ 990 هزار تومن ثبتنام کنید.
پن: شرکتکننده هم شاخ داره حتما.
@Mern_stack_01
یه دوره آماده کردیم که ارزش واقعیش 999999 میلیارد تومنه اما به خاطر گل روی شما شرکتکنندهها تخفیف خورده و میتونید با مبلغ 990 هزار تومن ثبتنام کنید.
پن: شرکتکننده هم شاخ داره حتما.
@Mern_stack_01
😁85👍18🤡4⚡3💯1
اخیرا یه مقاله خوندم که یه پکیج به اسم Welson.js رو معرفی کرده بود.
تو مقاله گفته بود آی با این پکیج میشه اپ ویندوز توسعه داد و این حرفا.
رفتم ریپوش رو خوندم. یکم راجع بهش تحقیق کردم. دیدم از موتور قدیمی JScript استفاده میکنه. یعنی توش حتی Arrow Function هم نداری!
لینک ریپوش اینه. اگه دوست داشتین یه ناخونکی بهش بزنین:
🔗 https://github.com/gnh1201/welsonjs
@Mern_stack_01
تو مقاله گفته بود آی با این پکیج میشه اپ ویندوز توسعه داد و این حرفا.
رفتم ریپوش رو خوندم. یکم راجع بهش تحقیق کردم. دیدم از موتور قدیمی JScript استفاده میکنه. یعنی توش حتی Arrow Function هم نداری!
لینک ریپوش اینه. اگه دوست داشتین یه ناخونکی بهش بزنین:
@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
😁22❤6👍4🔥1
جونیور:
const filtered = products.filter(...)
سنیور:
- اگه 100هزارتا محصول باشه چی؟
- آیا memoization نیازه؟
- آیا این filter باید server-side باشه؟
- آیا Cache نیازه؟
- آیا UX مناسبه؟
- آیا re-render اضافی داریم؟
- ا complexity این الگوریتم چیه؟
- و …
@Mern_stack_01
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
@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤27👍6🔥2😁1
تو ریاکت یه مفهوم داریم به اسم Derived Data (داده مشتقشده)
به اون دسته از اطلاعاتی گفته میشه که از طریق یسری محاسبات روی یک یا چند استیت به دست میاد.
فرضا سه تا دیتا با اسامی firstName, lastName و fullName رو داریم که fullName از طریق concat شدن اون دوتای دیگه به دست میاد.
اینجا اصطلاحا به fullName گفته میشه derived data.
ترجیحا بهتره همچین دیتاهایی به صورت state تعریف نشن:
@Mern_stack_01
به اون دسته از اطلاعاتی گفته میشه که از طریق یسری محاسبات روی یک یا چند استیت به دست میاد.
فرضا سه تا دیتا با اسامی 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
@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤24👍2🔥1
VS Code Cheatsheet.pdf
11.8 MB
❤29👍6🔥2
این ریپو محشره …
یه لیست دو کیلومتری از مباحث دستهبندی شده هست در رابطه با برنامهنویسی. مثل اخبار، مقاله، تمرین، ایده، توصیه، ابزار، مصاحبه، هوشمصنوعی و …:
🔗 github.com/sdmg15/Best-websites-a-programmer-should-visit
@Mern_stack_01
یه لیست دو کیلومتری از مباحث دستهبندی شده هست در رابطه با برنامهنویسی. مثل اخبار، مقاله، تمرین، ایده، توصیه، ابزار، مصاحبه، هوشمصنوعی و …:
@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤29👍1🔥1
یه مقاله میخوندم در رابطه با درخواست کردن.
نوشته بود اکثر آدما به دلیل خجالت یا دلایل دیگه نمیتونن درخواست کنن. غافل از این که یه درخواست ممکنه زندگی شما رو از این رو به اون رو بکنه.
مثل درخواست افزایش حقوق.
درخواست ارتقای سِمت.
درخواست همکاری از یه شخص باتجربه.
و …
در نتیجه خجالت نکشید و درخواست کنید، البته تو یه چارچوب خوب و درست.
@Mern_stack_01
نوشته بود اکثر آدما به دلیل خجالت یا دلایل دیگه نمیتونن درخواست کنن. غافل از این که یه درخواست ممکنه زندگی شما رو از این رو به اون رو بکنه.
مثل درخواست افزایش حقوق.
درخواست ارتقای سِمت.
درخواست همکاری از یه شخص باتجربه.
و …
در نتیجه خجالت نکشید و درخواست کنید، البته تو یه چارچوب خوب و درست.
@Mern_stack_01
👍68❤10🔥2👎1
نسخه فارسی داکیومنت جاوا اسکریپت:
🔗 fa.javascript.info
پن: مسلما به نسخه اصلیش نمیرسه. ولی از هیچی بهتره. میتونه به عنوان مکمل استفاده بشه.
@Mern_stack_01
پن: مسلما به نسخه اصلیش نمیرسه. ولی از هیچی بهتره. میتونه به عنوان مکمل استفاده بشه.
@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
@Mern_stack_01
Please open Telegram to view this post
VIEW IN TELEGRAM
❤23👍4🔥2
یکی از مهمترین تفاوت های جونیور و سنیور اینه که سنیور اصول ریفکتورینگ رو به خوبی بلده.
البته شما هم میتونید از این لینک یادش بگیرید:
🔗 refactoring.guru/refactoring
@Mern_stack_01
البته شما هم میتونید از این لینک یادش بگیرید:
@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
اینجا میتونین خودتونو محک بزنین:
خودم 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
حدودا 60 تا رزومه بود. تو 8 تا از رزومهها دقیقا یه نمونهکار یکسان وجود داشت. حتی با سورسکد های یکسان!
جدا از این که همه اون رزومهها رد شدن، بعدا کاشف به عمل اومد که این 8 شخص دانشجوی یه دوره آموزشی بودن و پروژه هایی که مدرس تو دوره نوشته بود رو عینا به عنوان نمونهکار گذاشته بودن تو رزومههاشون!
نتیجه اول: نمونهکار یعنی پروژهای که خودت توسعه دادی.
نتیجه دوم: نمونهکار هر چقدر یونیکتر همونقدر باارزشتر.
@Mern_stack_01
👍73❤8🤯8