بهترین برنامهنویس کسی نیست که سریعتر کد بزنه؛ کسیه که بهتر مسئله رو حل کنه.
🔥4❤3
چرا === بهتره؟
👀 یه اشتباه که خیلیا انجام میدن...
ببین اینو:
نتیجه؟
✅
در حالی که یکی عدده، یکی رشته!
حالا اگه از
نتیجه:
❌
چون
💡 پس اگه دلیل خاصی نداری، همیشه از
این یکی از اون عادتهای کوچیکیه که کدت رو حرفهایتر میکنه. 😎
#JavaScript #CodingTips
👀 یه اشتباه که خیلیا انجام میدن...
ببین اینو:
5 == "5"
نتیجه؟
✅
trueدر حالی که یکی عدده، یکی رشته!
حالا اگه از
=== استفاده کنی:5 === "5"
نتیجه:
❌
falseچون
=== هم مقدار رو چک میکنه، هم نوع داده رو.💡 پس اگه دلیل خاصی نداری، همیشه از
=== استفاده کن.این یکی از اون عادتهای کوچیکیه که کدت رو حرفهایتر میکنه. 😎
#JavaScript #CodingTips
❤2👍1🔥1👌1
به نظرت خروجی این کد چیه؟ 🤔
console.log(10 === "10");
console.log(10 === "10");
Anonymous Quiz
23%
true
49%
false
12%
undefined
16%
Error
GitHub
خالی، مثل رزومه بدون سابقهست؛ حتی چند پروژه کوچیک هم ارزش نشون دادن دارن
خالی، مثل رزومه بدون سابقهست؛ حتی چند پروژه کوچیک هم ارزش نشون دادن دارن
❤3
🤔 null و undefined
چه فرقی دارن؟
این دوتا خیلی شبیه هم به نظر میان، ولی
یکی نیستن!
حالا اینو ببین:
💡 خلاصه:
✅
✅
همین تفاوت کوچیک، موقع کار با APIها
خیلی مهم میشه.
#JavaScript #Frontend
چه فرقی دارن؟
این دوتا خیلی شبیه هم به نظر میان، ولی
یکی نیستن!
let name;
console.log(name);
خروجی:undefined
یعنی هنوز هیچ مقداری به متغیر ندادی.حالا اینو ببین:
let name = null;
اینجا خودت عمداً گفتی که این متغیر فعلاً هیچ مقداری نداره.💡 خلاصه:
✅
undefined = هنوز مقداردهی نشده.✅
null = عمداً خالیه.همین تفاوت کوچیک، موقع کار با APIها
خیلی مهم میشه.
#JavaScript #Frontend
❤4🔥1👏1
❤1🔥1
هر رد شدن، یه باگ توی مسیر استخدامه؛ دیباگش کن و قویتر برگرد.
❤3🔥2
👏1
🔥 چرا از Template Literal استفاده کنیم؟
قبلاً برای چسبوندن متنها این شکلی مینوشتیم:
✅ خواناتر میشه.
✅ نوشتن متنهای چندخطی راحتتره.
✅ دیگه لازم نیست هی از
از ES6 به بعد، این روش استاندارد پروژههای جدیده.
#JavaScript #ES6
قبلاً برای چسبوندن متنها این شکلی مینوشتیم:
let name = "Ali";
console.log("سلام " + name);
ولی الان یه راه تمیزتر داریم:let name = "Ali";
console.log(`سلام ${name}`);
مزیتش چیه؟ 🤔✅ خواناتر میشه.
✅ نوشتن متنهای چندخطی راحتتره.
✅ دیگه لازم نیست هی از
+ استفاده کنی.از ES6 به بعد، این روش استاندارد پروژههای جدیده.
#JavaScript #ES6
❤2👍2🔥1
❤1👏1
خیلیا فکر میکنن برای پول درآوردن از برنامهنویسی باید چند سال سابقه داشته باشی؛
ولی واقعیت اینه که اگه مهارت داشته باشی، بازار کار خودش پیدات میکنه.
فرانتاند رو درست یاد بگیر، پروژه بزن، نمونهکار جمع کن و خودت رو نشون بده.
بعدش میتونی:
💸 پروژه فریلنسری بگیری
🏢 تو شرکت استخدام بشی
🌍 ریموت برای شرکتهای خارجی کار کن
💰و درآمد خیلی خوبی داشته باش
فقط دوره دیدن کافی نیست؛ چیزی که کارفرما میخواد اینه که ببینه «بلدی کار انجام بدی».
از امروز شروع کن، پروژه بساز و نذار فرصتها از کنارت رد بشن. 🚀
#فرانت_اند #برنامه_نویسی #React #JavaScript #استخدام #فریلنسری #توسعه_وب
ولی واقعیت اینه که اگه مهارت داشته باشی، بازار کار خودش پیدات میکنه.
فرانتاند رو درست یاد بگیر، پروژه بزن، نمونهکار جمع کن و خودت رو نشون بده.
بعدش میتونی:
💸 پروژه فریلنسری بگیری
🏢 تو شرکت استخدام بشی
🌍 ریموت برای شرکتهای خارجی کار کن
💰و درآمد خیلی خوبی داشته باش
فقط دوره دیدن کافی نیست؛ چیزی که کارفرما میخواد اینه که ببینه «بلدی کار انجام بدی».
از امروز شروع کن، پروژه بساز و نذار فرصتها از کنارت رد بشن. 🚀
#فرانت_اند #برنامه_نویسی #React #JavaScript #استخدام #فریلنسری #توسعه_وب
❤4🔥2
مصاحبه فنی فقط درباره کد نیست؛ نحوه صحبت کردن و انتقال ایده هم مهمه.
❤2👏2🔥1
⚡️ Arrow Function
به جای اینکه اینجوری بنویسی:
میتونی خیلی خلاصهتر بنویسی:
هم کد کوتاهتره، هم خواناتر.
📌 فقط یادت باشه Arrow Function همیشه جای Function معمولی رو نمیگیره و توی بحث
ولی برای اکثر کارهای روزمره، انتخاب فوقالعادهایه.
#JavaScript #Frontend
به جای اینکه اینجوری بنویسی:
function sum(a, b) {
return a + b;
}میتونی خیلی خلاصهتر بنویسی:
const sum = (a, b) => a + b;
هم کد کوتاهتره، هم خواناتر.
📌 فقط یادت باشه Arrow Function همیشه جای Function معمولی رو نمیگیره و توی بحث
this رفتار متفاوتی داره.ولی برای اکثر کارهای روزمره، انتخاب فوقالعادهایه.
#JavaScript #Frontend
🔥3👍1🙏1
کدوم جمله درباره Arrow Function درسته؟
Anonymous Quiz
11%
همیشه باید return بنویسیم.
20%
همیشه باید از کلمه function استفاده کنیم.
57%
اگه فقط یک عبارت داشته باشه، میتونه بدون return مقدار رو برگردونه.
11%
فقط برای جمع کردن اعداد استفاده میشه.
❤1🔥1
اولین نسخه هر پروژه تقریباً هیچوقت آخرین نسخه نیست.
❤3❤🔥2🔥1
Props در React
Props
(مخفف Properties) راهی برای ارسال داده از کامپوننت والد به فرزند هستند.
مثال:
در این مثال مقدار
✅ Props
فقط برای دریافت داده هستند و نباید داخل کامپوننت تغییر کنند (Read Only).
تفاوت با State
Props → از والد دریافت میشود.
State → داخل خود کامپوننت مدیریت و تغییر میکند
#React #Frontend #JavaScript #برنامه_نویسی #فرانت_اند
Props
(مخفف Properties) راهی برای ارسال داده از کامپوننت والد به فرزند هستند.
مثال:
function Welcome(props) {
return <h1>سلام {props.name}</h1>;
}
<Welcome name="علی" />در این مثال مقدار
علی از طریق name به کامپوننت ارسال شده است.✅ Props
فقط برای دریافت داده هستند و نباید داخل کامپوننت تغییر کنند (Read Only).
تفاوت با State
Props → از والد دریافت میشود.
State → داخل خود کامپوننت مدیریت و تغییر میکند
#React #Frontend #JavaScript #برنامه_نویسی #فرانت_اند
🔥4❤1
رد شدن توی مصاحبه پایان راه نیست
تقریباً همه برنامهنویسها چند بار توی مصاحبه رد شدن. هر مصاحبه یه تجربه جدیده که کمکت میکنه برای فرصت بعدی آمادهتر باشی.
تقریباً همه برنامهنویسها چند بار توی مصاحبه رد شدن. هر مصاحبه یه تجربه جدیده که کمکت میکنه برای فرصت بعدی آمادهتر باشی.
❤3👌2🔥1