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

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

آدرس سایت 👈🏻: codelines.ir
Download Telegram
جشنواره بلک فرایدی امسال به پایان رسید
👏42
سلام بچه ها روزتون بخیر 😍
بچه هایی که توی جشنواره پکیج جامع رو ثبت نام کردن و آموزش رو شروع کردن لازم دونستم این موارد رو بهتون بگم 👇🏻
روزی ۱ الی ۲ ساعت کنار ویدیو دیدن تمرین هم داشته باشید

سعی کنید مباحث رو یاد بگیرید
یعنی حفظ نکنید
بببنید هر موضوع کجا کاربرد داره
سینتکس رو میتونید با سرچ کردن بدست بیارید
اگه خواستید مباحث مهم هم میتونید یادداشت برداری گنید
که مثلا فلان تگ مفهومش اینه و کاربردش هم اینجاست
پس فقط کاربردش و مفهومش رو به خوبی یاد بگیرید
خب، حالا بریم سراغ Quiz روزانه‌مون تا مباحثی که یاد می‌گیرید رو تست بزنید؛ هم براتون مرور می‌شه و هم اگر چیزی رو بلد نباشید، یاد می‌گیرید.
چه خاصیتی باعث می‌شود یک عنصر در لایهٔ بالاتر (بر روی عناصر دیگر) نمایش داده شود؟
Anonymous Quiz
13%
opacity
51%
z-index
25%
elevation
11%
stack-order
const person = {
name: 'Ali',
getName: () => this.name
};
console.log(person.getName());
خروجی کد بالا چیست ؟
Anonymous Quiz
53%
‘Ali’
21%
undefined
22%
خطا
4%
‘’
توی این کوئیز ازت میخوام بری یه فایل جاوااسکریپت بسازی تستش کنی و جواب درست رو تیک شو بزنی👊🏻
آموزش برنامه نویسی فرانت اند
خروجی کد بالا چیست ؟
بهتون تبریک میگم جز اون 8 نفر مابقی همتون دچار اشتباه شدید و گزینه ی 1 رو انتخاب کردید
حالا نکته ی این کد کجاست ؟
تابع‌های معمولی (function) مثل Arrow Functionها this رو از بالا به ارث نمی‌گیرن. واسه همین this توی این حالت به کانتکست بالاتری اشاره می‌کنه (global یا module)، نه به خود person.
در نتیجه معمولاً
this.name می‌شه undefined.
let a = 10;

function run() {
a = 5;
console.log(a);
}

run();
console.log(a);
خروجی کد بالا چیست ؟
Anonymous Poll
23%
10٫5
36%
5,10
27%
5,5
14%
Error
آموزش برنامه نویسی فرانت اند
خروجی کد بالا چیست ؟
خب رفقای برنامه نویس من
بریم بررسی کنیم این کد رو باهم و بینیم داستانش چیه
آموزش برنامه نویسی فرانت اند
let a = 10; function run() { a = 5; console.log(a); } run(); console.log(a);
توی بلوک فانکشن متغیر ما مقدارش تغییر کرده و شده ۵
اوکی ؟
و اول ما اومدیم
این فانکشن رو ران کردیم و
پس جواب لاگ متغییر توی فانکشن
عدد ۵
آموزش برنامه نویسی فرانت اند
let a = 10; function run() { a = 5; console.log(a); } run(); console.log(a);
قسمت دوم اومدیم مجدد لاگ گرفتیم از متغییر
گفتم بهتون وقتی متغییری رو با let تعریف می‌کنیم میتونیم مقدارش رو تغییر بدیم
پس مجدد
چون مقدار متغییر تغییر کرده
مجدد جواب میشه
۵