آموزش تفاوت بین دامنه و زمینه در جاوا اسکریپت چیست؟
What’s the Difference Between Scope and Context in JavaScript ?
Scope و Context دو مفهوم بسیار مهم در جاوا اسکریپت هستند و یکسان نیستند. درک تفاوت بین Scope و Context به شما کمک می کند کدهای تمیزتر و قابل نگهداری بیشتری بنویسید و در زمان عیب یابی در وقت خود صرفه جویی کنید.
در این دوره، من شما را به یک شیرجه عمیق در دنیای Scope و Context می برم. ما نه تنها تفاوت بین این دو مفهوم را یاد خواهیم گرفت، بلکه نحوه تصمیم گیری صحیح را در هنگام برنامه ریزی کد خود و برداشتن گام های صحیح هنگام عیب یابی مشکلات را نیز یاد خواهیم گرفت.
رئوس مطالب دوره
- مقدمه - خوش آمدید!
- چرا درک تفاوت بین دامنه و زمینه بسیار مهم است؟
- تفاوت بین دامنه و زمینه چیست؟
- نرم افزار مورد نیاز
- راه اندازی شوید
- کجا می توان کد نمونه را پیدا کرد
- جزئیات محدوده - سه نوع محدوده
- دامنه جهانی - بحث
- دامنه جهانی - نمایش
- حوزه خصوصی - بحث
- محدوده خصوصی - نمایش
- محدوده بلوک - بحث
- محدوده بلوک - نمایش
- زمینه - بحث
- وقتی آنها همان را "احساس" می کنند - بحث
- وقتی آنها همان را "احساس" می کنند - کد - قسمت 1
- وقتی آنها همان را "احساس" می کنند - کد - قسمت 2
- وقتی آنها همان را "احساس" می کنند - کد - قسمت 3
- وقتی آنها همان را "احساس" می کنند - کد - قسمت 4
- وقتی آنها همان را "احساس" می کنند - کد - قسمت 5
- وقتی آنها همان را "احساس" می کنند - کد - قسمت 6
- تصمیم گیری بهتر - بحث
- تصمیم گیری بهتر - نمایش
- کمی بیشتر درباره زمینه
- تغییر متن با .call() و .apply()
- روش زنجیره‌ای - بحث
- روش زنجیره‌ای - نمایش
- "this" در مقابل $(this)
- کمی بیشتر درباره عیب یابی
- عیب یابی مشکل محدوده
- عیب یابی یک مشکل زمینه
- پروژه کلاس
- متشکرم!
مشتاقانه منتظر حضور شما در این دوره هستم!
کوین
پروژه ما برای این کلاس از دو بخش تشکیل شده است:
قسمت 1 - تیم فروش Acme Travel را به صورت پویا بسازید
در فایل: index.html، یک لیست نامرتب وجود دارد. این UL حاوی نشانه‌گذاری برای تیم فروش Acme Travel است و وقتی صفحه نمونه را بارگیری میکنید، آن را مشاهده میکنید. برای تکمیل قسمت 1 پروژه کلاس، باید آن HTML را به JSON مخفی کنید و سپس آن JSON را در صفحه وب به صورت پویا رندر کنید.
قسمت 2 - نمونه کد صفحه وب را دوباره فاکتور بگیرید
در فایل: www/js/examples/context/method-chanining.js، کد کار کامل صفحه وب مثال ما را مشاهده خواهید کرد. در این کد، کلمات رشته ای سخت کدگذاری شده زیادی مانند '#فروشندگان li'، 'button.select' و 'button.deselect' وجود دارد. شما باید این فایل را ویرایش کنید و تا آنجا که ممکن است از این رشته های رمزگذاری شده را حذف کنید. هدف این است که تا حد امکان کمتر از اینها داشته باشیم. همچنین، وقتی به روش app.bindUserItemsEventHandlers نگاه می کنید، متوجه خواهید شد که بیش از 45 خط کد دارد. برای کاهش مقدار کد، باید این روش را مجدداً تغییر دهید.
هر دو بخش شماره 1 و 2 از شما می خواهند که درک خود را از تفاوت بین دامنه و زمینه به کار ببرید. برای جزئیات کامل پروژه کلاس، ویدیو را ببینید: "کلاس پروژه".
درس ها Lessons
-
نرم افزار مورد نیاز Required Software
-
عیب یابی مشکل زمینه Troubleshooting a Context Problem
-
کد نمونه را از کجا پیدا کنیم Where to find the example code
-
روش زنجیر زنی - نمایش Method Chaining - Demonstration
-
حوزه خصوصی - نمایش Private Scope - Demonstration
-
وقتی آنها همان را "احساس" می کنند - کد - قسمت 6 When They "feel" the Same - Code - Part 6
-
وقتی آنها همان را "احساس" می کنند - کد - قسمت 4 When They "feel" the Same - Code - Part 4
-
وقتی آنها همان را "احساس" می کنند - کد - قسمت 5 When They "feel" the Same - Code - Part 5
-
کمی بیشتر در مورد زمینه A Bit More About Context
-
محدوده بلوک - نمایش Block Scope - Demonstration
-
متشکرم! Thank You!
-
تصمیم گیری بهتر - بحث Making Better Decisions - Discussion
-
دامنه جهانی - نمایش Global Scope - Demonstration
-
حوزه خصوصی - بحث Private Scope - Discussion
-
گستره جهانی - بحث Global Scope - Discussion
-
وقتی آنها همان را "احساس" می کنند - کد - قسمت 3 When They "feel" the Same - Code - Part 3
-
محدوده بلوک - بحث Block Scope - Discussion
-
چرا درک تفاوت مهم است؟ Why is it important to understand the difference?
-
"this" در مقابل $(this) "this" vs $(this)
-
وقتی آنها همان را "احساس" می کنند - کد - قسمت 1 When They "feel" the Same - Code - Part 1
-
وقتی آنها همان را "احساس" می کنند - بحث When They "feel" the Same - Discussion
-
جزئیات محدوده - سه نوع دامنه Scope Details - Three Kinds of Scope
-
تصمیم گیری بهتر - نمایش Making Better Decisions - Demonstration
-
وقتی آنها همان را "احساس" می کنند - کد - قسمت 2 When They "feel" the Same - Code - Part 2
-
تفاوت بین Scope و Context در جاوا اسکریپت چیست؟ What is the difference between Scope and Context in JavaScript?
-
تغییر متن با .call() و .apply() Switching Context with .call() & .apply()
-
روش زنجیر زنی - بحث Method Chaining - Discussion
-
راه اندازی کنید Get Set Up
-
پروژه کلاس Class Project
-
کمی بیشتر در مورد عیب یابی A Bit More About Troubleshooting
-
زمینه - تظاهرات Context - Demonstration
-
عیب یابی مشکل محدوده Troubleshooting a Scope Problem
-
زمینه - بحث Context - Discussion
نمایش نظرات
نظری ارسال نشده است.
https://donyad.com/d/c6ce86
آموزش اصول طراحی - چیزهای هنری که باید در مورد آنها یاد بگیرید!
DESIGN PRINCIPLES - Art things that you should be learning about!
"اصول طراحی بخش اصلی اصول هستند. مانند چسبی عمل می کند که همه چیز را به هم متصل می کند. اگر اصول الفبای کلماتی صرف بودند، th..."
آموزش بازی جوهر خود را ارتقا دهید: Inktober با موفقیت تکمیل شد
Up your ink game: Successfully completing Inktober
"Inktober یک راه عالی برای ارتقای بازی جوهر شما و لذت بردن از کار با جوهر است! این یک رویداد سالانه است که هر ماه اکتبر اتفاق می افتد، که در آن درخواست ها منتشر می شوند و ...."
آموزش در سال 2023 یک خالق UGC شوید
Become a UGC Creator in 2023
"در این دوره، شما مهمترین دانش و مهارت‌ها را برای شروع ساختن محتوای تولید شده توسط کاربر (UGC) عالی برای برندها - بدون توجه به تجربه‌تان، یاد خواهید گرفت.
آموزش عادات عالی رهبران بسیار موثر
Great Habits of Highly Effective Leaders
"ما هر روز این کار را انجام می‌دهیم، اما رهبری افراد می‌تواند چالشی دلهره‌آور باشد. آیا می‌خواهید مهارت‌ها و قدرت رهبری خود را تقویت کنید؟ آیا می‌خواهید رقیب‌تر شوید..."
Kevin Chisholm
Sr. JavaScript، Angular، Node Consultant
من یک توسعه دهنده وب هستم که بر جاوا اسکریپت شی گرا، Angular.js Node.js متمرکز شده است. من به عناوینی مانند ConsumerReports.org، MyRecipes.com، ThisOldHouse.com، Instyle.com، AllYou.com، TravelAndLeisure.com، SouthernLiving.com، Health.com، Sunset.com، TimeForKids.com، SportIllustrated خدمات ارائه کرده ام. com، CoastalLiving.com، People.com، TDAmeritrade.com، GreenMountainPower.com، Aquent Aquent Gymnasium.
در اوقات فراغت، در مورد فن آوری های Front-End می نویسم: https://blog.kevinchisholm.com .
Skillshare (اسکیل شیر)
اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.
یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.