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

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

آدرس سایت 👈🏻: codelines.ir
Download Telegram
کدام متد آرایه، آرایه اصلی را تغییر نمی‌دهد؟
Anonymous Quiz
31%
sort()
16%
splice()
19%
push()
34%
filter()
🔥 map() یا forEach()
فرقشون چیه؟

خیلیا فکر می‌کنن این دوتا یکی‌ان، ولی نه!
اگه فقط می‌خوای روی اعضای آرایه یه کاری انجام بدی، forEach() کافیه.

users.forEach(user => {
console.log(user.name);
});

اما اگه می‌خوای یه آرایه جدید بسازی، باید
بری سراغ map().

const names = users.map(user => user.name);


🎯 یه راه حفظ کردنش:

forEach() ➜ فقط انجام دادن یه کار
map() ➜ ساختن یه آرایه جدید

همین یه تفاوت، توی پروژه‌ها خیلی به دردت می‌خوره.

#JavaScript #WebDev
4🔥2
توی مصاحبه فنی، سؤال پرسیدن نشانه حرفه‌ای بودنه، نه ضعف.
هوش مصنوعی سرعت توسعه رو افزایش می‌ده، اما مسئولیت بررسی، تست و امنیت کد همچنان بر عهده توسعه‌دهنده هستش .
نکته مهم :
اگر برنامه‌نویسی بلدی، 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}`);