آموزش جاوااسکریپت مدرن در عمل: DOM، APIها و JS ناهمگام - آخرین آپدیت

ساختارهای داده جاوااسکریپت و سینتکس مدرن (اشیاء، آرایه‌ها و ویژگی‌های ES6) JavaScript Data Structures & Modern Syntax (Objects, Arrays & ES6 Features)

• معرفی دوره Course Introduction

• اشیاء: مبانی ساختار داده کلید-مقدار Objects - Key-Value Data Structure Basics

• آشنایی با آرایه‌ها و عملیات پایه (push، ایندکس‌گذاری) Introduction to Arrays & Basic Array Operations (push, indexing)

• توضیح متدهای آرایه (map, filter, reduce) همراه با مثال Array Methods (map, filter, reduce) Explained with Examples

• تخریب ساختاری (Destructuring) اشیاء و آرایه‌ها Object & Array Destructuring

• آشنایی با Spread Operator و گسترش آرایه‌ها Introduction to Spread Operator & Array Expansion

• استفاده از Spread Operator در اشیاء و کاربردهای عملی Spread Operator in Objects & Practical Use Cases

• عملگرهای Rest Rest Operators

• تمرینات کاربردی Practice Problems

• جاوااسکریپت ناهمگام (Async) چیست؟ What is Async JavaScript

برنامه‌نویسی ناهمگام جاوااسکریپت و APIها JavaScript Asynchronous Programming & APIs

• برنامه‌نویسی همگام در مقابل ناهمگام Synchronous vs Asynchronous

• آشنایی با Callbackها و جاوااسکریپت ناهمگام Introduction to Callbacks & Asynchronous JavaScript

• مثال از تابع Callback و جریان مدیریت خطا Callback Function Example & Error Handling Flow

• آشنایی با Promiseها و مبانی مدیریت Async Introduction to Promises & Basics of Async Handling

• سینتکس Promise، resolve/reject و جریان then/catch Promise Syntax, resolve/reject & then-catch Flow

• متدهای Promise (finally, Promise.all) و کاربردهای واقعی Promise Methods (finally, Promise.all) & Real-world Usage

• آشنایی با Async/Await و مزایا نسبت به Promiseها Introduction to Async/Await & Benefits over Promises

• استفاده از سینتکس async و await همراه با مثال Using async & await Syntax with Examples

• مدیریت چندین Promise و مدیریت خطا (try catch) Handling Multiple Promises & Error Handling (try-catch)

• استفاده از Promise.all با Async/Await و کاربردهای پیشرفته Promise.all with Async/Await & Advanced Usage

• API چیست؟ مبانی و مثال‌های دنیای واقعی What is API? Basics & Real-World Examples

• انواع APIها و مفاهیم REST API Types of APIs & REST API Concepts

• APIهای مرورگر، APIهای سفارشی و مزایای کلیدی Browser APIs, Custom APIs & Key Benefits

یکپارچه‌سازی فرانت‌اند: DOM، رویدادها و ارتباط با API JavaScript Frontend Integration: DOM, Events & API Communication

• آشنایی با Fetch API، مبانی JSON و ارتباط کلاینت-سرور Introduction to Fetch API, JSON Basics & Client-Server Communication

• ارسال درخواست‌های GET با استفاده از fetch() و درک شیء Response Making GET Requests using fetch() & Understanding Response Object

• مدیریت داده‌های JSON، تجزیه پاسخ و مبانی مدیریت خطا Handling JSON Data, Response Parsing & Error Handling Basics

• متدهای HTTP (POST, PUT, DELETE) و ارسال داده‌ها با Header و Body HTTP Methods (POST, PUT, DELETE) & Sending Data with Headers & Body

• ایجاد درخواست‌های POST و احراز هویت (Headers, Tokens, JSON.stringify) Creating POST Requests & Authentication (Headers, Tokens, JSON.stringify)

• Fetch پیشرفته: منطق تلاش مجدد، مدیریت Timeout و کدهای وضعیت Advanced Fetch: Retry Logic, Timeout Handling & Status Code Management

• استفاده از AJAX با XMLHttpRequest و axios برای APIها AJAX with XMLHttpRequest & axios for APIs

• آشنایی با DOM و متد getElementById() Introduction to DOM & getElementById() Method

• توضیح getElementsByClassName() و getElementsByTagName() getElementsByClassName() & getElementsByTagName() Explained

• مقایسه querySelector() و querySelectorAll() و انتخاب بر اساس CSS Selector querySelector() vs querySelectorAll() & CSS Selector-Based Selection

• تغییر محتوا و اتریبیوت‌ها (textContent, setAttribute, getAttribute) Modifying Content & Attributes (textContent, setAttribute, getAttribute)

• استایل‌دهی به المان‌ها و مدیریت کلاس‌ها (style, classList add/remove/toggle) Styling Elements & Managing Classes (style, classList add/remove/toggle)

• افزودن و حذف المان‌ها (createElement, appendChild, remove, insertBefore) Adding & Removing Elements (createElement, appendChild, remove, insertBefore)

• مبانی مدیریت رویداد و رویدادهای رایج (click, mouse, keyboard) Event Handling Basics & Common Events (click, mouse, keyboard)

• رویدادهای فرم، preventDefault() و مدیریت ورودی کاربر با Event Listenerها Form Events, preventDefault() & Handling User Input with Event Listeners

جاوااسکریپت مدرن (ES6+): ویژگی‌های پیشرفته، ساختارهای داده و تعاملات DOM Modern JavaScript (ES6+): Advanced Features, Data Structures & DOM Interactions

• تفویض رویداد (Event Delegation) Event Delegation

• مبانی مدیریت فرم و رویداد Submit همراه با اعتبارسنجی Form Handling Basics & Submit Event with Validation

• دسترسی به مقادیر ورودی و جلوگیری از ارسال پیش‌فرض فرم Accessing Input Values & Preventing Default Form Submission

• اعتبارسنجی در لحظه (بررسی ایمیل) و تمرین عملی (تغییر پویا در UI) Real-time Validation (Email Check) & Practice Problem (Dynamic UI Change)

• ویژگی‌های پایه ES6+ Basic ES6+ features

• ماژول‌های ES6 و برنامه‌نویسی ماژولار در جاوااسکریپت ES6 Modules and Modular JavaScript Programming

• استفاده از Symbols به عنوان کلیدهای شیء Using Symbols as Object Keys

• مپ‌ها (Maps): ذخیره‌سازی کلید-مقدار، متدها و پیمایش Maps: Key-Value Storage, Methods (set, get, has, delete) & Iteration

• ست‌ها (Sets): مقادیر یکتا، عملیات (add, has, delete) و اجتماع/اشتراک end Sets: Unique Values, Operations (add, has, delete) & Union/Intersection

• ویژگی‌های پایه ES (توان‌رسانی، includes، Object.values و entries) Basic ES Features (Exponentiation, includes(), Object.values & entries)

• عملگرهای پیشرفته (BigInt, Nullish Coalescing ??, Numeric Separator) Advanced Operators (BigInt, Nullish Coalescing ??, Numeric Separator)

• توضیح متدهای آرایه (flat, at, toSorted, toReversed, toSpliced) Array Methods (flat, at, toSorted, toReversed, toSpliced) Explained

• جمع‌بندی نهایی Summary