آموزش برنامه نویسی فرانت اند
8.2K subscribers
328 photos
47 videos
26 files
113 links
👈🏻 ارتباط با من: @codelines_support 🔅

عرفان رضایی هستم ❤️
و اینجا خیلی ساده بهت یاد میدم
چطوری اصولی #برنامه_نویسی #فرانت_اند یاد بگیری 💻
که هم لذت ببری و هم وارد بازار کار بشی
😍🥇
@satisfaction_codelines 👈 نتایج و رضایت دوره

آدرس سایت 👈🏻: codelines.ir
Download Telegram
بهترین برنامه‌نویس کسی نیست که سریع‌تر کد بزنه؛ کسیه که بهتر مسئله رو حل کنه.
🔥43
چرا === بهتره؟

👀 یه اشتباه که خیلیا انجام میدن...

ببین اینو:
5 == "5"

نتیجه؟

true

در حالی که یکی عدده، یکی رشته!
حالا اگه از === استفاده کنی:
5 === "5"

نتیجه:

false

چون === هم مقدار رو چک می‌کنه، هم نوع داده رو.
💡 پس اگه دلیل خاصی نداری، همیشه از === استفاده کن.

این یکی از اون عادت‌های کوچیکیه که کدت رو حرفه‌ای‌تر می‌کنه. 😎

#JavaScript #CodingTips
2👍1🔥1👌1
به نظرت خروجی این کد چیه؟ 🤔

console.log(10 === "10");
Anonymous Quiz
23%
true
49%
false
12%
undefined
16%
Error
GitHub
خالی، مثل رزومه بدون سابقه‌ست؛ حتی چند پروژه کوچیک هم ارزش نشون دادن دارن
3
🤔 null و undefined
چه فرقی دارن؟

این دوتا خیلی شبیه هم به نظر میان، ولی
یکی نیستن!

let name;

console.log(name);


خروجی:
undefined

یعنی هنوز هیچ مقداری به متغیر ندادی.
حالا اینو ببین:

let name = null;


اینجا خودت عمداً گفتی که این متغیر فعلاً هیچ مقداری نداره.

💡 خلاصه:
undefined = هنوز مقداردهی نشده.

null = عمداً خالیه.

همین تفاوت کوچیک، موقع کار با APIها
خیلی مهم میشه.

#JavaScript #Frontend
4🔥1👏1
let user = null;

console.log(user);
خروجی کد با چیه ؟
Anonymous Quiz
18%
True
63%
Null
13%
Undefined
7%
False
1🔥1
هر رد شدن، یه باگ توی مسیر استخدامه؛ دیباگش کن و قوی‌تر برگرد.
3🔥2
کوئیز با پدر مادر سوال مصاحبه هم بوده
console.log([] == false);
خروجی کد بالا چیست؟
Anonymous Quiz
21%
true
49%
false
14%
undefined
16%
خطا
👏1
🔥 چرا از Template Literal استفاده کنیم؟

قبلاً برای چسبوندن متن‌ها این شکلی می‌نوشتیم:

let name = "Ali";

console.log("سلام " + name);

ولی الان یه راه تمیزتر داریم:

let name = "Ali";

console.log(`سلام ${name}`);


مزیتش چیه؟ 🤔

خواناتر میشه.
نوشتن متن‌های چندخطی راحت‌تره.
دیگه لازم نیست هی از + استفاده کنی.
از ES6 به بعد، این روش استاندارد پروژه‌های جدیده.

#JavaScript #ES6
2👍2🔥1
let name = "Ali"; console.log(`سلام ${name}`);
خیلیا فکر می‌کنن برای پول درآوردن از برنامه‌نویسی باید چند سال سابقه داشته باشی؛

ولی واقعیت اینه که اگه مهارت داشته باشی، بازار کار خودش پیدات می‌کنه.

فرانت‌اند رو درست یاد بگیر، پروژه بزن، نمونه‌کار جمع کن و خودت رو نشون بده.
بعدش می‌تونی:

💸 پروژه فریلنسری بگیری

🏢 تو شرکت استخدام بشی

🌍 ریموت برای شرکت‌های خارجی کار کن
💰و درآمد خیلی خوبی داشته باش

فقط دوره دیدن کافی نیست؛ چیزی که کارفرما می‌خواد اینه که ببینه «بلدی کار انجام بدی».

از امروز شروع کن، پروژه بساز و نذار فرصت‌ها از کنارت رد بشن. 🚀

#فرانت_اند #برنامه_نویسی #React #JavaScript #استخدام #فریلنسری #توسعه_وب
4🔥2
مصاحبه فنی فقط درباره کد نیست؛ نحوه صحبت کردن و انتقال ایده هم مهمه.
2👏2🔥1
⚡️ Arrow Function

به جای اینکه اینجوری بنویسی:
function sum(a, b) {
return a + b;
}

میتونی خیلی خلاصه‌تر بنویسی:
const sum = (a, b) => a + b;


هم کد کوتاه‌تره، هم خواناتر.

📌 فقط یادت باشه Arrow Function همیشه جای Function معمولی رو نمی‌گیره و توی بحث this رفتار متفاوتی داره.

ولی برای اکثر کارهای روزمره، انتخاب فوق‌العاده‌ایه.

#JavaScript #Frontend
🔥3👍1🙏1
اولین نسخه هر پروژه تقریباً هیچ‌وقت آخرین نسخه نیست.
3❤‍🔥2🔥1
Props در React


Props
(مخفف Properties) راهی برای ارسال داده از کامپوننت والد به فرزند هستند.
مثال:
function Welcome(props) {
return <h1>سلام {props.name}</h1>;
}

<Welcome name="علی" />


در این مثال مقدار علی از طریق name به کامپوننت ارسال شده است.

Props
فقط برای دریافت داده هستند و نباید داخل کامپوننت تغییر کنند (Read Only).

تفاوت با State


Props → از والد دریافت می‌شود.

State → داخل خود کامپوننت مدیریت و تغییر می‌کند

#React #Frontend #JavaScript #برنامه_نویسی #فرانت_اند
🔥41
رد شدن توی مصاحبه پایان راه نیست

تقریباً همه برنامه‌نویس‌ها چند بار توی مصاحبه رد شدن. هر مصاحبه یه تجربه جدیده که کمکت می‌کنه برای فرصت بعدی آماده‌تر باشی.
3👌2🔥1