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

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

آدرس سایت 👈🏻: codelines.ir
Download Telegram
نکته مهم :
اگر برنامه‌نویسی بلدی، AI سرعتت رو چند برابر می‌کنه؛ اگر بلد نباشی، فقط سریع‌تر اشتباه می‌کنی!
🔥2👌21
⚡️ چرا async/await بهتر از Callback است؟

فرض کنید می‌خواهید اطلاعات کاربر را از سرور دریافت کنید.

async function getUser() {
const res = await fetch("/api/user");
const data = await res.json();

console.log(data);
}

مزایا:
کد خواناتر
مدیریت بهتر خطاها با try...catch
جلوگیری از Callback Hell

تقریباً تمام پروژه‌های مدرن از Promise و async/await استفاده می‌کنند.

#JavaScript #AsyncAwait #Frontend
2🔥2
async function test() {
console.log(1);
await Promise.resolve();
console.log(2);
}

test();
console.log(3);
خروجی‌ کد بالا چیه ؟
Anonymous Quiz
36%
1 2 3
23%
3 1 2
28%
1 3 2
13%
2 1 3
بهترین برنامه‌نویس کسی نیست که سریع‌تر کد بزنه؛ کسیه که بهتر مسئله رو حل کنه.
🔥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