آموزش مفاهیم پیشرفته جاوااسکریپت - آخرین آپدیت

زمینه اجرا، Hoisting و کلمه کلیدی this Execution Context - Hoisting - 'this'

• زمینه اجرای جهانی و کلمه کلیدی this Global Execution Context - 'this'

• زمینه اجرا: ایجاد و Hoisting Execution Context - Creation and Hoisting

• زمینه اجرا: نحوه اجرا Execution Context - Execution

• برتری اعلان تابع بر اعلان متغیر Function Declaration Overriding Variable Declaration

زنجیره Scope Scope Chain

• مقدمه Introduction

• درک زنجیره Scope Understand the Scope Chain

بستارها (Closures) Closures

• درک بستارها (Closures) Understand Closures

• به‌روزرسانی مقادیر متغیرهای بیرونی (۱) Update Values of Outer Variables (1)

• به‌روزرسانی مقادیر متغیرهای بیرونی (۲) Update Values of Outer Variables (2)

• بستارها و حلقه رویدادها (۱) Closures with Event Loops (1)

• بستارها و حلقه رویدادها (۲) Closures with Event Loops (2)

• چالش تکرار (Iteration) Iteration Challenge

اشیاء (پیشرفته): کپسوله‌سازی و پنهان‌سازی اطلاعات Objects (Advanced): Encapsulation and Information Hiding

• چرا باید اطلاعات را پنهان کنیم؟ Why Would You Hide Information?

• استفاده از بستارها برای پنهان کردن ویژگی‌ها و متدها Use Closures to Hide Properties and Methods

• استفاده از IIFE برای ایجاد ویژگی‌ها و متدهای استاتیک خصوصی Use IIFE to Create Private Static Properties and Methods

اشیاء (پیشرفته): وراثت و زنجیره پروتوتایپ Objects (Advanced): Inheritance and Prototype Chain

• درک پروتوتایپ (۱) Understand the Prototype (1)

• درک پروتوتایپ (۲) Understand the Prototype (2)

• وراثت و زنجیره پروتوتایپ: __proto__ Inheritance and PrototypeChain: __proto__

• وراثت و زنجیره پروتوتایپ: Object.create Inheritance and PrototypeChain: Object.create

• وراثت و زنجیره پروتوتایپ: وراثت سازنده (Constructor) Inheritance and PrototypeChain: Constructor Inheritance

• وراثت و زنجیره پروتوتایپ: تابع Extend Inheritance and PrototypeChain: Extend Function

• افزونه‌های کلاس (۱) Class Augmentation (1)

• افزونه‌های کلاس (۲) Class Augmentation (2)

• شبیه‌سازی اشیاء (Object Cloning) Object Cloning

اشیاء (پیشرفته): چالش‌های مربوط به اشیاء Objects (Advanced): Objects Challenges

• چالش: تکرار و hasOwnProperty Challenge: Iteration and hasOwnProperty

• چالش: تکرار با استفاده از object.keys و forEach Challenge: Iteration Using object.keys and forEach

• چالش: getPrototypeOf و getOwnPropertyNames Challenge: getPrototypeOf and getOwnPropertyNames

• چالش: پیمایش در زنجیره پروتوتایپ Challenge: Climb Up the Prototype Chain

اشیاء (پیشرفته): الگوهای Singleton و Module Objects (Advanced): Singleton and Module Patterns

• نام‌گذاری (Namespacing) Namespacing

• الگوی Singleton Singleton Pattern

• بسته‌بندی کدهای مخصوص هر صفحه Wrap Page-Specific Code

• الگوی طراحی ماژولار Modular Design Pattern

توابع (پیشرفته) Functions (Advanced)

• توابع در واقع شیء هستند Functions Are Objects

• ویژگی arguments The 'arguments' Property

• متد Function.prototype.call Function.prototype.call

• متد Function.prototype.apply Function.prototype.apply

• متد Function.prototype.bind Function.prototype.bind

پروژه حرفه‌ای کامل: اپلیکیشن تست تایپ Full Professional Project: Typing Test App

• مقدمه Introduction

• ساده‌سازی مراحل Steps Simplified

• بازگشت به نیازمندی‌های مشتری Back to Client Requirements

• طراحی تابعی Functional Design

• الگوی طراحی ماژولار Modular Design Pattern

• دسته‌بندی ماژولار Modular Categorization

• ساختار ماژول داده‌ها (Data Module) Data Module Structure

• ساختار ماژول رابط کاربری (UI Module) UI Module Structure

• ساختار فرمت کلمه فعلی Format Current Word Structure

• ساختار محاسبه نتایج Results Calculation Structure

• ساختار به‌روزرسانی زمان باقی‌مانده Update Time Left - Structure

• ساختار ماژول گواهینامه Certificate Module Structure

• ساختار ماژول رویدادها Events Module Structure

• ساختار ماژول کلمات Words Module Structure

• مرور کلی ماژول‌ها Overview of Modules

• آماده‌سازی برای کدنویسی Get Ready to Write Code

• اسکلت و استایل اپلیکیشن (۱) App Skeleton and Decoration (1)

• اسکلت و استایل اپلیکیشن (۲) App Skeleton and Decoration (2)

• اسکلت و استایل اپلیکیشن (۳) App Skeleton and Decoration (3)

• تابع init (ماژول رویدادها) init Function (Events Module)

• پر کردن لیست کلمات تست (ماژول داده‌ها) Fill the List of Test Words (Data Module)

• بر هم زدن ترتیب آرایه (Shuffle) Shuffle an Array

• افزودن حروف بزرگ تصادفی Add Random Capitalization

• افزودن علائم نگارشی تصادفی Add Random Punctuation

• پر کردن لیست کلمات تست (۱) (ماژول UI) Fill the List of Test Words (1) (UI Module)

• پر کردن لیست کلمات تست (۲) (ماژول UI) Fill the List of Test Words (2) (UI Module)

• مقداردهی اولیه زمان (ماژول‌های داده و UI) Time Initialization (Data and UI Modules)

• انتقال به کلمه جدید (ماژول داده‌ها) Move to a New Word (Data Module)

• تعیین کلمه فعال و فرمت کردن آن (ماژول UI) Set the Active Word and Format It (UI Module)

• شنونده رویداد تایپ کاراکتر Type a Character - Event Listener

• متد word.prototype.update(value) word.prototype.update(value)

• تفاوت رویدادهای keydown ،keyup ،Keypress و Input keydown Versus keyup Versus Keypress Versus Input Events

• فرمت کردن کلمه فعال (ماژول UI) Format the Active Word (UI Module)

• رویداد فشردن کلید Space Press Space - Event

• اسکرول کلمه فعال به مرکز صفحه Scroll the Active Word into the Middle of the View

• فشردن Enter: ایجاد رویداد مجازی با Event Constructor Press Enter - Create a Fake Event Using the Event Constructor

• اجرای تست Launch the Test

• محاسبه کلمات در دقیقه و wpmChange (ماژول داده‌ها) Calculate Words Per Minute and wpmChange (Data Module)

• به‌روزرسانی زمان باقی‌مانده (ماژول‌های داده و UI) Update the Time Left (Data and UI Modules)

• محاسبه کلیک در دقیقه و cpmChange (ماژول داده‌ها) Calculate Clicks Per Minute and cpmChange (Data Module)

• محاسبه دقت و accuracyChange (ماژول داده‌ها) Calculate Accuracy and accuracyChange (Data Module)

• به‌روزرسانی نتایج (ماژول UI) Update Results (UI Module)

• پایان تست و نمایش مودال (۱) (ماژول‌های داده و UI) End the Test and Show the Modal (1) (Data and UI Modules)

• پایان تست و نمایش مودال (۲) (ماژول‌های داده و UI) End the Test and Show the Modal (2) (Data and UI Modules)

• تولید گواهینامه PDF (۱) (ماژول گواهینامه) Generate PDF Certificate (1) (Certificate Module)

• تولید گواهینامه PDF (۲) (ماژول گواهینامه) Generate PDF Certificate (2) (Certificate Module)

• تولید گواهینامه PDF (۳) (ماژول گواهینامه) Generate PDF Certificate (3) (Certificate Module)