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

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

آدرس سایت 👈🏻: codelines.ir
Download Telegram
console.log(5 + "5");
نتیجه کد بالا چیست؟

Anonymous Quiz
27%
10
24%
55
24%
“10”
25%
“55”
نکته: رزومه قرار نیست شغل بگیره. رزومه فقط مصاحبه می‌گیره.

این مصاحبه‌ست که شغل می‌گیره.
🔥3👏2
اگه خیال کردید با ai میتونید شغل بگیرید سخت در اشتباهید

سوالات تخصصی ازتون سر جلسه مصاحبه میپرسن که باید صد در صد مباحث رو قورت داده باشید

از ما گفتن بود
👍1👏1
let x;
console.log(x);
خروجی کد بالا چیست؟
Anonymous Quiz
41%
Null
15%
0
29%
undefined
15%
false
1💯1
نکته: توی مصاحبه برنامه‌نویسی قرار نیست ثابت کنی همه‌چیز رو بلدی؛
قراره نشون بدی بلدی چطور فکر کنی.
4
راهکار: اگه جواب یه سؤال رو نمی‌دونی، استرس نگیر؛ روند فکرت رو توضیح بده، همین خودش یه امتیازه.
5
کدام متد آرایه، آرایه اصلی را تغییر نمی‌دهد؟
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