آموزش پیشرفته جاوااسکریپت و برنامه‌نویسی شیءگرا (OOP) - آخرین آپدیت

جاوااسکریپت ناهمگام Asynchronous JavaScript

• مقدمه بخش Section Introduction

• در پشت صحنه: رشته اجرا (Thread of Execution) Under the Hood: Thread of Execution

• در پشت صحنه: جاوااسکریپت ناهمگام چگونه کار می‌کند Under the Hood: How Async JS Works

• توابع setTimeout و clearTimeout setTimeout and clearTimeout Functions

• توابع setInterval و clearInterval setInterval and clearInterval Functions

• کالبک‌ها (Callbacks) Callbacks

• دوره فشرده درخواست‌های HTTP Crash Course on HTTP Requests

• تب Network در DevTools DevTools Network Tab

• شیء AJAX و XHR AJAX and XHR Object

• چالش پروژه Joke Generator Joke Generator Project Challenge

• جهنم کالبک (Callback Hell) Callback Hell

• پرومیس‌ها (Promises) Promises

• بازنویسی کالبک به پرومیس Callback to Promise Refactor

• زنجیره‌سازی پرومیس‌ها (Promise Chaining) Promise Chaining

• مقایسه پرومیس‌ها با Callback Hell Promises Versus Callback Hell

• مدیریت چندین پرومیس با استفاده از promise.all() Handling Multiple Promises with promise.all()

آموزش Fetch API و Async Await Fetch API and Async Await

• مقدمه بخش Section Introduction

• مبانی Fetch Fetch Basics

• پروژه کوچک Random User Random User Mini-Project

• گزینه‌های Fetch: Method، Body و Headers Fetch Options - Method, Body Headers

• پروژه کوچک Typicode Todos - بخش اول Typicode Todos Mini-Project - Part 1

• پروژه کوچک Typicode Todos - بخش دوم Typicode Todos Mini-Project - Part 2

• مدیریت خطای Fetch API Fetch API Error Handling

• مفاهیم Async و Await Async and Await

• دستورات Try...Catch Try...Catch Statements

• مدیریت خطا با Async و Await Error Handling with Async and Await

• استفاده از چندین پرومیس با Async و Await Multiple Promises with Async and Await

پروژه اپلیکیشن فیلم Flixx Flixx Movie App Project

• مقدمه بخش Section Introduction

• بررسی اجمالی تم و آماده‌سازی Theme Overview and Prep

• بررسی اجمالی API و دریافت API Key API Overview and API Key

• مسیریاب صفحه (Page Router) و لینک فعال Page Router and Active Link

• نمایش فیلم‌های محبوب Display Popular Movies

• اسپینر بارگذاری و نمایش سریال‌های محبوب Spinner and Popular TV Shows

• صفحه جزئیات فیلم Movie Details Page

• پس‌زمینه صفحه جزئیات Details Page Backdrop

• صفحه جزئیات سریال‌های تلویزیونی TV Show Details Page

• اسلایدر Swiper Swiper Slider

• قابلیت جستجو Search Functionality

• نمایش نتایج جستجو Display Search Results

• افزودن صفحه‌بندی برای جستجو Add Pagination for Search

رابط‌های برنامه‌نویسی مرورگر (Web Browser APIs) Web Browser APIs

• مقدمه بخش Section Introduction

• رابط برنامه‌نویسی GeoLocation API GeoLocation API

• نمایش موقعیت روی نقشه Show Location on a Map

• المان Canvas و API مربوطه Canvas Element and API

• متد requestAnimationFrame() requestAnimationFrame() Method

• ساعت متحرک - بخش اول Animated Clock - Part 1

• ساعت متحرک - بخش دوم Animated Clock - Part 2

• رابط Web Audio API Web Audio API

• پروژه پخش‌کننده موسیقی Music Player Project

• پروژه ماشین درام (Drum Machine) Drum Machine Project

• رابط ویدئو (Video API) Video API

• پروژه پخش‌کننده ویدئو Video Player Project

• رابط Web Animations API - پروژه توپ Web Animations API - Ball Project

• رابط Speech Recognition API - پروژه بیان رنگ Speech Recognition API - Color Say Project

• رابط Speech Synthesis API - تبدیل متن به گفتار Speech Synthesis API - Text to Speech

OOP: سازنده‌ها و پروتوتایپ‌ها OOP - Constructors and Prototypes

• مقدمه بخش Section Introduction

• برنامه‌نویسی شیءگرا (OOP) چیست؟ What Is OOP?

• اصول پایه OOP Basic Principles of OOP

• بررسی بیشتر Object Literals و کلمه کلیدی this More on Object Literals and this Keyword

• توابع سازنده (Constructor Functions) Constructor Functions

• مقایسه Literals با سازنده‌های داخلی Literals Versus Built-In Constructors

• کار با ویژگی‌های شیء (Object Properties) Working with Object Properties

• پروتوتایپ‌ها و زنجیره پروتوتایپ Prototypes and the Prototype Chain

• افزودن متد به پروتوتایپ Adding Methods to the Prototype

• استفاده از Object.create() Using Object.create()

• ارث‌بری پروتوتایپی و متد call() Prototypical Inheritance and call()

• چالش بازی با استفاده از OOP OOP Game Challenge

OOP: کلاس‌ها، Getterها، Setterها و ویژگی‌های خصوصی OOP - Classes, Getters, Setters, and Private Properties

• کلاس‌ها (Classes) Classes

• ارث‌بری کلاس‌ها Class Inheritance

• متدهای استاتیک (Static Methods) Static Methods

• متد bind() و تعریف this bind() and Defining this

• استفاده از Getterها و Setterها در کلاس‌ها Getters and Setters with Classes

• استفاده از Getterها و Setterها با defineProperty() Getters and Setters with defineProperty()

• قرارداد استفاده از Underscore برای ویژگی‌های خصوصی Private Property Underscore Convention

• فیلدهای خصوصی کلاس در ES2022 ES2022 Private Class Fields

• پرچم‌ها و توصیف‌گرهای ویژگی (Property Descriptors) Property Flags and Descriptors

• قفل کردن و منجمد کردن اشیاء (Sealing and Freezing) Sealing and Freezing Objects

پروژه اپلیکیشن Tracalorie (پروژه OOP) Tracalorie App (OOP Project)

• مقدمه پروژه Project Introduction

• تنظیم تم رابط کاربری UI Theme Setup

• برنامه‌ریزی پروژه و رسم نمودار Project Planning and Diagram

• کلاس‌های پایه Tracker، Meal و Workout Base Tracker, Meal, and Workout Class

• نمایش آمار ردیاب Display Tracker Stats

• نوار پیشرفت و هشدار کالری Progress Bar and Calorie Alert

• کلاس App، وعده غذایی جدید و تمرین App Class, New Meal, and Workout

• بازنویسی به متد واحد _newItem Refactor to Single _newItem Method

• نمایش وعده غذایی و تمرین جدید Display New Meal and Workout

• حذف وعده غذایی و تمرین Remove Meal and Workout

• فیلتر کردن و بازنشانی (Reset) Filter and Reset

• تعیین محدودیت کالری Set Calorie Limit

• کلاس Storage و ذخیره محدودیت کالری Storage Class and Calorie Limit Persist

• ذخیره کالری کل در Local Storage Persist Total Calories to Local Storage

• ذخیره وعده‌های غذایی در Local Storage Save Meals to Local Storage

• ذخیره تمرین‌ها در Local Storage Save Workouts to Local Storage

• حذف وعده‌ها و تمرین‌ها از Local Storage Remove Meals and Workouts from Local Storage

• پاکسازی موارد ذخیره شده در حافظه Clear Storage Items