آموزش جاوا اسکریپت به زبان ساده: راهنمای گام‌به‌گام برای مبتدیان - آخرین آپدیت

سرفصل ها و درس ها

مقدمات جاوا اسکریپت و تنظیمات فایل JavaScript - Introduction and File Setup

• معرفی JavaScript - Introduction

• جاوا اسکریپت چیست و چرا اهمیت دارد JavaScript - What is JavaScript and it's importance

• نحوه عملکرد جاوا اسکریپت JavaScript - How it Works

• نصب ابزارها JavaScript - Installation

• نصب افزونه‌های ضروری JavaScript - Installing necessary extension

• تنظیمات اولیه کد - بخش اول JavaScript - Initial code Setup Part 1

• تنظیمات اولیه کد - بخش دوم JavaScript - Initial code Setup Part 2

• تنظیمات اولیه کد - بخش سوم JavaScript - Initial code Setup Part 3

• تنظیمات اولیه کد - بخش چهارم JavaScript - Initial code Setup Part 4

• بررسی ساختار HTML - بخش اول JavaScript - HTML Break Down Part 1

• بررسی ساختار HTML - بخش دوم JavaScript - HTML Break Down Part 2

• بررسی ساختار CSS JavaScript - CSS Break Down

• بررسی ساختار جاوا اسکریپت JavaScript - JavaScript Break Down

• اطلاعات مهم دوره Important Course Information

متغیرها و انواع داده‌ها - بخش اول JavaScript - Variables and Data Types Part 1

• معرفی متغیرها JavaScript - Variables Introduction

• معرفی متغیر let JavaScript - Variables Let Introduction

• معرفی متغیر let - بخش اول JavaScript - Variables Let Introduction Part 1

• معرفی متغیر let - بخش دوم JavaScript - Variables Let Introduction Part 2

• معرفی متغیر let - بخش سوم JavaScript - Variables Let Introduction Part 3

• معرفی متغیر let - بخش چهارم JavaScript - Variables Let Introduction Part 4

• معرفی متغیر let - بخش پنجم JavaScript - Variables Let Introduction Part 5

• معرفی متغیر var JavaScript - Variables Var Introduction

• معرفی متغیر var - بخش اول JavaScript - Variables Var Introduction Part 1

• معرفی متغیر var - بخش دوم JavaScript - Variables Var Introduction Part 2

• معرفی متغیر var - بخش سوم JavaScript - Variables Var Introduction Part 3

• معرفی متغیر var - بخش چهارم JavaScript - Variables Var Introduction Part 4

متغیرها و انواع داده‌ها - بخش دوم JavaScript - Variables and Data Types Part 2

• معرفی متغیر const JavaScript - Variables Const Introduction

• معرفی متغیر const - بخش اول JavaScript - Variables Const Introduction Part 1

• معرفی متغیر const - بخش دوم JavaScript - Variables Const Introduction Part 2

• معرفی متغیر const - بخش سوم JavaScript - Variables Const Introduction Part 3

• معرفی متغیر const - بخش چهارم JavaScript - Variables Const Introduction Part 4

• معرفی متغیر const - بخش پنجم JavaScript - Variables Const Introduction Part 5

• اعلان چندین متغیر به صورت همزمان JavaScript - Variables Multiple Variable Declaration

• معرفی انواع داده‌ها (DataType) JavaScript - DataType Introduction

• انواع داده‌های اولیه (Primitive) - بخش اول JavaScript - DataType Primitive Datatype Part 1

• انواع داده‌های اولیه (Primitive) - بخش دوم JavaScript - DataType Primitive Datatype Part 2

• انواع داده‌های اولیه (Primitive) - بخش سوم JavaScript - DataType Primitive Datatype Part 3

• انواع داده‌های اولیه (Primitive) - بخش چهارم JavaScript - DataType Primitive Datatype Part 4

• انواع داده‌های اولیه (Primitive) - بخش پنجم JavaScript - DataType Primitive Datatype Part 5

متغیرها و انواع داده‌ها - بخش سوم JavaScript - Variables and Data Types Part 3

• انواع داده‌های اولیه (Primitive) - بخش ششم JavaScript - DataType Primitive Datatype Part 6

• انواع داده‌های اولیه (Primitive) - بخش هفتم JavaScript - DataType Primitive Datatype Part 7

• انواع داده‌های غیر اولیه (Non-Primitive) - بخش اول JavaScript - DataType Non - Primitive Datatype Part 1

• انواع داده‌های غیر اولیه (Non-Primitive) - بخش دوم JavaScript - DataType Non - Primitive Datatype Part 2

• انواع داده‌های غیر اولیه (Non-Primitive) - بخش سوم JavaScript - DataType Non - Primitive Datatype Part 3

• انواع داده‌های غیر اولیه (Non-Primitive) - بخش چهارم JavaScript - DataType Non - Primitive Datatype Part 4

• انواع داده‌های غیر اولیه (Non-Primitive) - بخش پنجم - ۱ JavaScript - DataType Non - Primitive Datatype Part 5 - 1

• انواع داده‌های غیر اولیه (Non-Primitive) - بخش پنجم - ۲ JavaScript - DataType Non - Primitive Datatype Part 5 - 2

• معرفی کامنت‌ها JavaScript - Comments Introduction

• کامنت‌ها - بخش اول JavaScript - Comments Part 1

• کامنت‌ها - بخش دوم JavaScript - Comments Part 2

دستکاری DOM - بخش اول JavaScript - DOM Manipulation Part 1

• معرفی DOM JavaScript - DOM Introduction

• DOM: متد getElementById - بخش اول JavaScript - DOM - Get Element By Id Part 1

• DOM: متد getElementById - بخش دوم JavaScript - DOM - Get Element By Id Part 2

• DOM: متد getElementsByTagName JavaScript - DOM - Get Elements By Tag Name

• DOM: متد getElementsByName JavaScript - DOM - Get Elements By Name

• DOM: متد getElementsByClassName JavaScript - DOM - Get Elements By Class Name

• DOM: متد querySelector - بخش اول JavaScript - DOM - Get Elements By Query Selector Part 1

• DOM: متد querySelector - بخش دوم JavaScript - DOM - Get Elements By Query Selector Part 2

• DOM: متد querySelectorAll - بخش اول JavaScript - DOM - Get Elements By Query Selector All Part 1

• DOM: متد querySelectorAll - بخش دوم JavaScript - DOM - Get Elements By Query Selector All Part 2

دستکاری DOM - بخش دوم JavaScript - DOM Manipulation Part 2

• DOM: تغییر محتوای متنی (Text Content) JavaScript - DOM - Modifying Text Content

• DOM: تغییر محتوای HTML JavaScript - DOM - Modifying HTML Content

• DOM: تغییر ویژگی‌ها (Attributes) JavaScript - DOM - Modifying Attributes

• DOM: تغییر مقادیر ورودی فرم‌ها JavaScript - DOM - Modifying Form Input Values

• DOM: تغییر استایل‌های CSS JavaScript - DOM - Modifying CSS Styles

• DOM: تغییر کلاس‌های CSS JavaScript - DOM - Modifying CSS Classes

• DOM: استفاده از CSS - بخش اول JavaScript - DOM - Using CSS Part 1

• DOM: استفاده از CSS - بخش دوم JavaScript - DOM - Using CSS Part 2

رویدادها (Events) JavaScript - Events

• رویدادها: مدیریت‌کننده‌های رویداد (Event Handlers) - بخش اول JavaScript - Events - Event Handlers Part 1

• رویدادها: مدیریت‌کننده‌های رویداد (Event Handlers) - بخش دوم JavaScript - Events - Event Handlers Part 2

• رویدادها: مدیریت‌کننده‌های رویداد (Event Handlers) - بخش سوم JavaScript - Events - Event Handlers Part 3

• رویدادها: مدیریت‌کننده‌های رویداد (Event Handlers) - بخش چهارم JavaScript - Events - Event Handlers Part 4

• رویدادها: مدیریت‌کننده‌های رویداد (Event Handlers) - بخش پنجم JavaScript - Events - Event Handlers Part 5

• رویدادها: مدیریت‌کننده‌های رویداد (Event Handlers) - بخش ششم JavaScript - Events - Event Handlers Part 6

• رویدادها: مدیریت‌کننده‌های رویداد (Event Handlers) - بخش هفتم JavaScript - Events - Event Handlers Part 7

• رویدادها: شنونده‌های رویداد (Event Listeners) - بخش اول JavaScript - Events - Event Listeners Part 1

• رویدادها: شنونده‌های رویداد (Event Listeners) - بخش دوم JavaScript - Events - Event Listeners Part 2

• رویدادها: شنونده‌های رویداد (Event Listeners) - بخش سوم JavaScript - Events - Event Listeners Part 3

• رویدادها: شنونده‌های رویداد (Event Listeners) - بخش چهارم JavaScript - Events - Event Listeners Part 4

• رویدادها: شنونده‌های رویداد (Event Listeners) - بخش پنجم JavaScript - Events - Event Listeners Part 5

عملگرها - بخش اول JavaScript - Operators Part 1

• معرفی عملگرها JavaScript Operators Introduction

• عملگرها - بخش اول JavaScript - Operators - Part 1

• عملگرها - بخش دوم JavaScript - Operators - Part 2

• عملگرها - بخش سوم JavaScript - Operators - Part 3

• عملگرها - بخش چهارم JavaScript - Operators - Part 4

• عملگرها - بخش پنجم JavaScript - Operators - Part 5

• عملگرها - بخش ششم JavaScript - Operators - Part 6

• عملگرها - بخش هفتم JavaScript - Operators - Part 7

• عملگرها - بخش هشتم JavaScript - Operators - Part 8

• عملگرها - بخش نهم JavaScript - Operators - Part 9

• عملگرها - بخش دهم JavaScript - Operators - Part 10

عملگرها - بخش دوم JavaScript - Operators Part 2

• عملگرها - بخش یازدهم JavaScript - Operators - Part 11

• عملگرها - بخش دوازدهم JavaScript - Operators - Part 12

• عملگرها - بخش سیزدهم JavaScript - Operators - Part 13

• عملگرها - بخش چهاردهم JavaScript - Operators - Part 14

• عملگرها - بخش پانزدهم JavaScript - Operators - Part 15

• عملگرها - بخش شانزدهم JavaScript - Operators - Part 16

• عملگرها - بخش هفدهم JavaScript - Operators - Part 17

• عملگرها - بخش هجدهم JavaScript - Operators - Part 18

• عملگرها - بخش نوزدهم JavaScript - Operators - Part 19

• عملگرها - بخش بیستم JavaScript - Operators - Part 20

• عملگرها - بخش بیست و یکم JavaScript - Operators - Part 21

دستورات شرطی JavaScript - Condition Statement

• معرفی دستورات شرطی JavaScript - Condition Statement - Introduction

• شرط If JavaScript - Condition - If Statement

• شرط If Else JavaScript - Condition - If Else Statement

• شرط Else If JavaScript - Condition - Else If Statement

• شرط‌های تو در تو (Nested If) - بخش اول JavaScript - Condition - Nested If Statement part 1

• شرط‌های تو در تو (Nested If) - بخش دوم JavaScript - Condition - Nested If Statement part 2

• دستور Switch - بخش اول JavaScript - Condition - Switch - part 1

• دستور Switch - بخش دوم JavaScript - Condition - Switch - part 2

• دستور Switch - بخش سوم JavaScript - Condition - Switch - part 3

حلقه‌ها (Loops) JavaScript - Loops

• معرفی حلقه‌ها JavaScript - Loop Introduction

• حلقه While JavaScript - Loop - While Loop

• حلقه Do While JavaScript - Loop - Do While Loop

• حلقه For JavaScript - Loop - For Loop

• دستور Continue JavaScript - Loop - Continue

• دستور Break JavaScript - Loop - Break

رشته‌ها - بخش اول JavaScript - Strings Part 1

• معرفی رشته‌ها (Strings) JavaScript - Strings Introduction

• اتصال رشته‌ها (Concatenation) JavaScript - Strings Concatenation

• درونی‌سازی رشته‌ها (Interpolation) - بخش اول JavaScript - Strings Interpolation part 1

• درونی‌سازی رشته‌ها (Interpolation) - بخش دوم JavaScript - Strings Interpolation part 2

• عملیات روی رشته‌ها - بخش اول JavaScript - Strings Operations part 1

• عملیات روی رشته‌ها - بخش دوم JavaScript - Strings Operations part 2

• عملیات روی رشته‌ها - بخش سوم JavaScript - Strings Operations part 3

• عملیات روی رشته‌ها - بخش چهارم JavaScript - Strings Operations part 4

• عملیات روی رشته‌ها - بخش پنجم JavaScript - Strings Operations part 5

رشته‌ها - بخش دوم JavaScript - Strings Part 2

• عملیات روی رشته‌ها - بخش ششم JavaScript - Strings Operations part 6

• عملیات روی رشته‌ها - بخش هفتم JavaScript - Strings Operations part 7

• عملیات روی رشته‌ها - بخش هشتم JavaScript - Strings Operations part 8

• عملیات روی رشته‌ها - بخش نهم JavaScript - Strings Operations part 9

• عملیات روی رشته‌ها - بخش دهم JavaScript - Strings Operations part 10

• عملیات روی رشته‌ها - بخش یازدهم JavaScript - Strings Operations part 11

• عملیات روی رشته‌ها - بخش دوازدهم JavaScript - Strings Operations part 12

• عملیات روی رشته‌ها - بخش سیزدهم JavaScript - Strings Operations part 13

آرایه‌ها - بخش اول JavaScript - Arrays Part 1

• معرفی آرایه‌ها JavaScript - Arrays Introduction

• آرایه خالی JavaScript - Arrays - Empty Array

• آرایه عددی JavaScript - Arrays - Number Array

• آرایه رشته‌ای JavaScript - Arrays - String Array

• ویژگی طول آرایه (Length) JavaScript -Arrays - Length

• دسترسی به عناصر آرایه - بخش اول JavaScript - Arrays - Access Array Elements part 1

• دسترسی به عناصر آرایه - بخش دوم JavaScript - Arrays - Access Array Elements part 2

• دسترسی به عناصر آرایه - بخش سوم JavaScript - Arrays - Access Array Elements part 3

• به‌روزرسانی آرایه - بخش اول JavaScript - Arrays - Update part 1

• به‌روزرسانی آرایه - بخش دوم JavaScript - Arrays - Update part 2

• به‌روزرسانی آرایه - بخش سوم JavaScript - Arrays - Update part 3

آرایه‌ها - بخش دوم JavaScript - Arrays Part 2

• متدهای آرایه - متد اول JavaScript - Arrays - Method 1

• متدهای آرایه - متد دوم JavaScript - Arrays - Method 2

• متدهای آرایه - متد سوم JavaScript - Arrays - Method 3

• متدهای آرایه - متد چهارم JavaScript - Arrays - Method 4

• متدهای آرایه - متد پنجم JavaScript - Arrays - Method 5

• متدهای آرایه - متد ششم JavaScript - Arrays - Method 6

• متدهای آرایه - متد هفتم JavaScript - Arrays - Method 7

• متدهای آرایه - متد هشتم JavaScript - Arrays - Method 8

• حلقه For...of در آرایه‌ها JavaScript - Arrays - For of Loop

توابع - بخش اول JavaScript - Functions Part 1

• معرفی توابع JavaScript - Function - Introduction

• پارامترهای تابع JavaScript - Function - Parameter

• مقدار بازگشتی (Return) JavaScript - Function - Return

• عبارات تابعی (Function Expression) JavaScript - Function - Function Expression

• توابع پیکانی (Arrow Function) - بخش اول JavaScript - Function - Arrow Function part 1

• توابع پیکانی (Arrow Function) - بخش دوم JavaScript - Function - Arrow Function part 2

• توابع پیکانی (Arrow Function) - بخش سوم JavaScript - Function - Arrow Function part 3

توابع - بخش دوم JavaScript - Functions Part 2

• توابع پیکانی (Arrow Function) - بخش چهارم JavaScript - Function - Arrow Function part 4

• توابع پیکانی (Arrow Function) - بخش پنجم JavaScript - Function - Arrow Function part 5

• توابع بازگشتی (Callback) JavaScript - Function - Callback

• متغیرهای محلی (Local) - بخش اول JavaScript - Function - Local part 1

• متغیرهای محلی (Local) - بخش دوم JavaScript - Function - Local part 2

• متغیرهای سراسری (Global) JavaScript - Function - Global

اشیاء (Objects) - بخش اول JavaScript - Objects Part 1

• اشیاء (Objects) JavaScript - Objects

• اشیاء همراه با توابع JavaScript - Objects - Objects with Function

• کلمه کلیدی new JavaScript - Objects - New Keyword

• اشیاء تابعی JavaScript - Objects - Function Object

• دسترسی به توابع شیء JavaScript - Objects - Function Accessing

• متد Assign JavaScript - Objects - Assign

• متد Entries JavaScript - Objects - Entries

• متد FromEntries JavaScript - Objects - FromEntries

• متد Keys JavaScript - Objects - Keys

• متد Values JavaScript - Objects - Values

اشیاء (Objects) - بخش دوم JavaScript - Objects Part 2

• متد DefineProperty JavaScript - Objects - Define Property

• متد DefineProperties JavaScript - Objects - Define Properties

• متد PreventExtensions JavaScript - Objects - Prevent Extensions

• متد IsExtensible - بخش اول JavaScript - Objects - Is Extensible part 1

• متد IsExtensible - بخش دوم JavaScript - Objects - Is Extensible part 2

• متد Seal - بخش اول JavaScript - Objects - Seal part 1

• متد Seal - بخش دوم JavaScript - Objects - Seal part 2

• متد IsSealed JavaScript - Objects - Is Sealed

• متد Freeze JavaScript - Objects - Freeze

• متد IsFrozen JavaScript - Objects - Is Frozen

تکنیک‌های عیب‌یابی (Debugging) JavaScript - Debugging Techniques

• دیباگر (Debugger) JavaScript - Debugger

• نقاط توقف (Breakpoint) JavaScript - Breakpoint

• مانیتورینگ (Watch) JavaScript - Watch

• کنسول (Console) JavaScript - Console

نکات ضروری و لازم JavaScript - Need to Know

• مقادیر پیش‌فرض تابع JavaScript - Function Default

• عملگر Spread JavaScript - Spread

• عملگر Rest JavaScript - Rest

مجموعه‌ها (Set) و نقشه‌ها (Map) JavaScript - Set And Map

• مجموعه (Set): مجموعه خالی JavaScript - Set - Empty Set

• مجموعه (Set): افزودن مقادیر JavaScript - Set - Adding Values

• مجموعه (Set): حذف مقادیر JavaScript - Set - Deleting Values

• مجموعه (Set): بررسی وجود مقدار (Has) JavaScript - Set - Has Values

• نقشه (Map): نقشه خالی JavaScript - Map - Empty Map

• نقشه (Map): افزودن مقادیر JavaScript - Map - Adding Values

• نقشه (Map): حذف مقادیر JavaScript - Map - Deleting Values

• نقشه (Map): بررسی وجود مقدار (Has) JavaScript - Map - Has Values

• نقشه (Map): دریافت مقادیر (Get) JavaScript - Map - Get Values

• نقشه (Map): حلقه For...of JavaScript - Map - For of Loop

معرفی ویژگی‌های ES15 JavaScript - Intro to ES15 Features

• معرفی ES15 JavaScript - Es15 - Introduction

• ES15: Import و Export (در سال ۲۰۲۴ معرفی نشد) JavaScript - Es15 - Import Export - Not introduced in 2024

• ES15: اشتراک (Intersection) JavaScript - Es15 - Intersection

• ES15: اجتماع (Union) JavaScript - Es15 - Union

• ES15: تفاضل (Difference) JavaScript -Es15 - Difference

• ES15: بررسی زیرمجموعه بودن (IsSubsetOf) JavaScript - Es15 - Is Subset Of

• ES15: تفاضل متقارن (Symmetric Difference) JavaScript -Es15 - Symmetric Difference

• ES15: بررسی ابرمجموعه بودن (IsSuperSetOf) JavaScript - Es15 - Is Super Set Of

• ES15: مجموعه (حلقه For...of) JavaScript -Es15 - Set (For of Loop)

• ES15: گروه‌بندی اشیاء (Object Group By) JavaScript - Es15 - Object Group By

• ES15: گروه‌بندی نقشه‌ها (Map Group By) JavaScript - Es15 - Map Group By

پروژه عملی - بخش اول JavaScript - Project - part 1

• پروژه عملی - بخش اول JavaScript - Project - part 1

• پروژه عملی - بخش دوم JavaScript - Project - part 2

• پروژه عملی - بخش سوم JavaScript - Project - part 3

• پروژه عملی - بخش چهارم JavaScript - Project - part 4

• پروژه عملی - بخش پنجم JavaScript - Project - part 5

• پروژه عملی - بخش ششم JavaScript - Project - part 6

• پروژه عملی - بخش هفتم JavaScript - Project - part 7

پروژه عملی - بخش دوم JavaScript - Project - part 2

• پروژه عملی - بخش هشتم JavaScript - Project - part 8

• پروژه عملی - بخش نهم JavaScript - Project - part 9

• پروژه عملی - بخش دهم JavaScript - Project - part 10

• پروژه عملی - بخش یازدهم JavaScript - Project - part 11

• پروژه عملی - بخش دوازدهم JavaScript - Project - part 12

• پروژه عملی - بخش سیزدهم JavaScript - Project - part 13

• پروژه عملی - بخش چهاردهم JavaScript - Project - part 14