آموزش مبانی جاوا اسکریپت و DOM (مدیریت مستندات شیء) - آخرین آپدیت

مقدمه دوره Course Introduction

• مقدمه‌ای بر تخصص Introduction to the Specialization

• سرفصل‌ها و پروژه‌های دوره Specialization Outline and Projects

• جاوا اسکریپت چیست؟ What Is JavaScript?

• ابزارها و راه‌اندازی Tools and Setup

• اجرای جاوا اسکریپت در مرورگر Running JavaScript in the Browser

متغیرها، انواع داده، متدها و موارد دیگر Variables, Data Types, Methods, and More

• مقدمه بخش Section Introduction

• فایل‌های Sandbox The Sandbox Files

• استفاده از کنسول Using the Console

• کامنت‌ها و میانبرها Comments and Shortcuts

• متغیرها و ثابت‌ها Variables and Constants

• انواع داده‌ها Data Types

• انواع اولیه در مقابل انواع مرجع Primitive Versus Reference Types

• تبدیل نوع (Type Conversion) Type Conversion

• عملگرها Operators

• اجبار نوع (Type Coercion) Type Coercion

• کار با رشته‌ها Working with Strings

• چالش حروف بزرگ (Capitalize) Capitalize Challenge

• کار با اعداد Working with Numbers

• شیء Math The Math Object

• چالش اعداد Number Challenge

• تاریخ‌ها و زمان‌ها Dates and Times

• متدهای تاریخ و API قالب‌بندی تاریخ Date Methods and DateTimeFormat API

آرایه‌ها و اشیاء Arrays and Objects

• مقدمه بخش Section Introduction

• ایجاد آرایه‌ها Creating Arrays

• متدهای پایه آرایه Basic Array Methods

• تودرتو سازی، Concat و عملگر Spread Nesting, Concat and the Spread Operator

• چالش‌های آرایه Array Challenges

• لیترال‌های شیء (Object Literals) Object Literals

• عملگر Spread در اشیاء و متدها Object Spread Operator and Methods

• ساختارشکنی (Destructuring) و نام‌گذاری Destructuring and Naming

• مقدمه‌ای بر JSON JSON Introduction

• چالش‌های اشیاء Object Challenges

توابع، محدوده (Scope) و زمینه اجرا Functions, Scope, and Execution Context

• مقدمه بخش Section Introduction

• ایجاد یک تابع Creating a Function

• جزئیات بیشتر درباره آرگومان‌ها و پارامترها More on Arguments and Parameters

• محدوده سراسری (Global) و محدوده تابعی Global and Function Scope

• محدوده بلوک (Block Scope) Block Scope

• محدوده تودرتو (Nested Scope) Nested Scope

• اعلان (Declaration) در مقابل عبارت (Expression) Declaration Versus Expression

• توابع فلش (Arrow Functions) Arrow Functions

• عبارات تابعی که بلافاصله فراخوانی می‌شوند (IIFE) Immediately Invoked Function Expressions (IIFE)

• چالش‌های تابع Function Challenges

• زمینه اجرا (Execution Context) Execution Context

• زمینه اجرا در عمل Execution Context in Action

• پشته فراخوانی (Call Stack) The Call Stack

منطق و جریان کنترل Logic and Control Flow

• مقدمه بخش Section Introduction

• دستورات If If Statements

• Else If و تودرتو سازی Else-If and Nesting

• دستورات Switch Switches

• چالش ماشین حساب Calculator Challenge

• مقادیر Truthy و Falsy Truthy and Falsy

• عملگرهای منطقی Logical Operators

• تخصیص منطقی Logical Assignment

• عملگر شرطی (Ternary) Ternary Operator

حلقه‌ها، پیمایش و متدهای سطح بالای آرایه Loops, Iteration, and High-Order Array Methods

• مقدمه بخش Section Introduction

• حلقه For For Loop

• دستورات Break و Continue Break and Continue

• حلقه‌های While و Do While While and Do While Loops

• چالش FizzBuzz FizzBuzz Challenge

• حلقه For...of For...of Loop

• حلقه For...in For...in Loop

• متد Array.forEach Array.forEach Method

• متد Array.filter Array.filter Method

• متد Array.map Array.map Method

• متد Array.reduce Array.reduce Method

• چالش‌های متدهای آرایه Array Method Challenges

دستکاری DOM DOM Manipulation

• مقدمه بخش Section Introduction

• مقدمه‌ای بر DOM Introduction to the DOM

• ویژگی‌های عنصر سند (Document Element) Document Element Properties

• انتخاب‌گرهای DOM: عناصر تکی DOM Selectors - Single Elements

• انتخاب‌گرهای DOM: عناصر چندگانه DOM Selectors - Multiple Elements

• پیمایش در DOM: عناصر Traversing the DOM - Elements

• پیمایش در DOM: تمام گره‌ها (Nodes) Traversing the DOM - All Nodes

• ایجاد و اضافه کردن عناصر Create and Append Elements

• مقایسه innerHTML در مقابل createElement() InnerHTML Versus createElement()

• بازنویسی کد به چندین تابع Refactor to Multiple Functions

• درج عناصر، متن و HTML Insert Elements, Text, and HTML

• چالش ساخت insertAfter سفارشی Custom insertAfter() Challenge

• جایگزینی عناصر Replace Elements

• حذف عناصر Remove Elements

• مدیریت استایل‌ها و کلاس‌ها Manipulating Styles and Classes

رویدادها Events

• مقدمه بخش Section Introduction

• شنونده‌های رویداد (Event Listeners) Event Listeners

• رویدادهای ماوس Mouse Events

• شیء رویداد (Event Object) The Event Object

• رویدادهای کیبورد و ویژگی‌های کلید Keyboard Events and Key Properties

• پروژه کوچک KeyCode KeyCode Mini-Project

• رویدادهای ورودی (Input) Input Events

• ارسال فرم و شیء FormData Form Submission and FormData Object

• حباب‌زنی رویداد (Event Bubbling) Event Bubbling

• نمایندگی رویداد (Event Delegation) و رویدادهای متعدد Event Delegation and Multiple Events

• بارگذاری صفحه و رویدادهای پنجره Page Loading and Window Events

پروژه لیست خرید Shopping List Project

• مقدمه بخش Section Introduction

• افزودن آیتم به لیست (فقط با DOM) Add Items to List (DOM Only)

• راه‌اندازی Git و GitHub (اختیاری) Setting Up Git and GitHub (Optional)

• حذف و پاکسازی آیتم‌ها Remove and Clear Items

• پاکسازی وضعیت رابط کاربری (UI) Clear UI State

• فیلتر کردن آیتم‌ها Filter Items

• دوره فشرده Local Storage Local Storage Crash Course

• افزودن آیتم‌ها به Local Storage Add Items to Local Storage

• نمایش آیتم‌ها از Local Storage Display Items from Local Storage

• حذف آیتم‌ها از Local Storage Remove Items from Local Storage

• تنظیم آیتم برای ویرایش Set Item to Edit

• به‌روزرسانی آیتم و بازنشانی وضعیت Update Item and Reset State

• جلوگیری از آیتم‌های تکراری Prevent Duplicate Items

• استقرار (Deploy) در Netlify Deploy to Netlify