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

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

معرفی دوره Course Introduction

• HTML و CSS Primer HTML and CSS Primer

معرفی دوره Course Introduction

• درباره این دوره About this Course

• درباره این دوره About this Course

• HTML و CSS Primer HTML and CSS Primer

معرفی جاوا اسکریپت Introducing JavaScript

معرفی جاوا اسکریپت Introducing JavaScript

• چرا جاوا اسکریپت را یاد بگیریم Why Learn JavaScript

• چرا جاوا اسکریپت را یاد بگیریم Why Learn JavaScript

• جاوا اسکریپت: یک تاریخچه کوتاه JavaScript: A Short History

• جاوا اسکریپت: یک تاریخچه کوتاه JavaScript: A Short History

• ابزارهای تجارت Tools of the Trade

• ابزارهای تجارت Tools of the Trade

• کد خوب چیست؟ What Makes Good Code?

• کد خوب چیست؟ What Makes Good Code?

بیایید شروع به نوشتن کد کنیم Lets Get Started Writing Code

• کار با کنسول جاوا اسکریپت Working with the JavaScript Console

• قراردادهای کدنویسی جاوا اسکریپت JavaScript Coding Conventions

• تمرین 1 Exercise 1

بیایید شروع به نوشتن کد کنیم Lets Get Started Writing Code

• نوشتن اولین کد جاوا اسکریپت Writing Your First JavaScript Code

• نوشتن اولین کد جاوا اسکریپت Writing Your First JavaScript Code

• کار با کنسول جاوا اسکریپت Working with the JavaScript Console

• شیرجه رفتن در کنسول Diving into the Console

• شیرجه رفتن در کنسول Diving into the Console

• قراردادهای کدنویسی جاوا اسکریپت JavaScript Coding Conventions

• تمرین 1 Exercise 1

اصول جاوا اسکریپت را بیاموزید Learn JavaScript Fundamentals

• درک انواع و ارزش ها Understanding Types and Values

• آموزش دستکاری ارزش ها Learning to Manipulate Values

• ایجاد ثابت ها Creating Constants

• کار با اپراتورها Working with Operators

• درک اجبار Understanding Coercion

• معرفی اشیاء Introducing Objects

• کار با Date Object Working with the Date Object

• با استفاده از رشته های الگو Using Template Strings

• بررسی شروع و پایان یک رشته Checking the Start and Ending of a String

• تمرین 2 Exercise 2

• تمرین 3 Exercise 3

اصول جاوا اسکریپت را بیاموزید Learn JavaScript Fundamentals

• درک انواع و ارزش ها Understanding Types and Values

• آموزش دستکاری ارزش ها Learning to Manipulate Values

• کار با متغیرها قسمت 1 Working with Variables Part 1

• کار با متغیرها قسمت 1 Working with Variables Part 1

• کار با متغیرها قسمت 2 Working with Variables Part 2

• کار با متغیرها قسمت 2 Working with Variables Part 2

• اعلان متغیرها با استفاده از let Declaring Variables Using let

• اعلان متغیرها با استفاده از let Declaring Variables Using let

• ایجاد ثابت ها Creating Constants

• درک پوچ و تعریف نشده Understanding null and undefined

• درک پوچ و تعریف نشده Understanding null and undefined

• کار با اپراتورها Working with Operators

• درک اجبار Understanding Coercion

• درک بالا بردن Understanding Hoisting

• درک بالا بردن Understanding Hoisting

• معرفی اشیاء Introducing Objects

• معرفی اشیاء Introducing Objects

• کار با شی ریاضی Working with the Math Object

• کار با شی ریاضی Working with the Math Object

• کار با Date Object Working with the Date Object

• با استفاده از رشته های الگو Using Template Strings

• بررسی شروع و پایان یک رشته Checking the Start and Ending of a String

• ورزش مشترک Joint Exercise

• ورزش مشترک Joint Exercise

• تمرین 2 Exercise 2

• تمرین 3 Exercise 3

استفاده از ساختارهای کنترلی Using Control Structures

• کار با if Conditional قسمت 1 Working with the if Conditional Part 1

• کار با if Conditional قسمت 2 Working with the if Conditional Part 2

• استفاده از other if Statements Using else if Statements

• تمرین 4 Exercise 4

• برای حلقه مثال 2 For Loop Example 2

• از جمله عبارت Break Including the Break Statement

استفاده از ساختارهای کنترلی Using Control Structures

• معرفی حلقه ها و شرایط Introducing Loops and Conditionals

• معرفی حلقه ها و شرایط Introducing Loops and Conditionals

• کار با if Conditional قسمت 1 Working with the if Conditional Part 1

• کار با if Conditional قسمت 2 Working with the if Conditional Part 2

• استفاده از عملگرهای مقایسه Using Comparison Operators

• استفاده از عملگرهای مقایسه Using Comparison Operators

• درک حقیقت و دروغ Understanding Truthy and Falsey

• درک حقیقت و دروغ Understanding Truthy and Falsey

• کار با روش های رشته ای در شرایط شرطی Working with String Methods in Conditionals

• کار با روش های رشته ای در شرایط شرطی Working with String Methods in Conditionals

• استفاده از other if Statements Using else if Statements

• با استفاده از Switch Statement Using the Switch Statement

• با استفاده از Switch Statement Using the Switch Statement

• مخفف شرطی: عملگر سه تایی Conditional Shorthand: The Ternary Operator

• مخفف شرطی: عملگر سه تایی Conditional Shorthand: The Ternary Operator

• تمرین 4 Exercise 4

• کار با حلقه while Working with the While Loop

• کار با حلقه while Working with the While Loop

• در حالی که حلقه مثال 2 While Loop Example 2

• در حالی که حلقه مثال 2 While Loop Example 2

• با استفاده از حلقه For Using the For Loop

• با استفاده از حلقه For Using the For Loop

• برای حلقه مثال 2 For Loop Example 2

• یادگیری اپراتورهای تکالیف اضافی Learning Additional Assignment Operators

• یادگیری اپراتورهای تکالیف اضافی Learning Additional Assignment Operators

• از جمله عبارت Break Including the Break Statement

• آشنایی با کد DRY Understanding DRY Code

• آشنایی با کد DRY Understanding DRY Code

• تمرین 5 Exercise 5

• تمرین 5 Exercise 5

• تمرین 6 Exercise 6

• تمرین 6 Exercise 6

کار با آرایه ها Working with Arrays

• درک و ایجاد آرایه ها Understanding and Creating Arrays

• افزودن و حذف عناصر آرایه Adding and Removing Array Elements

• اعمال آرایه ها Applying Arrays

• حلقه زدن از طریق آرایه ها Looping Through Arrays

• استفاده از روش های آرایه Using Array Methods

• با استفاده از روش Splice Using the Splice Method

• تمرین 7 Exercise 7

کار با آرایه ها Working with Arrays

• درک و ایجاد آرایه ها Understanding and Creating Arrays

• افزودن و حذف عناصر آرایه Adding and Removing Array Elements

• اعمال آرایه ها Applying Arrays

• حلقه زدن از طریق آرایه ها Looping Through Arrays

• کار با آرایه های پراکنده Working with Sparse Arrays

• کار با آرایه های پراکنده Working with Sparse Arrays

• استفاده از روش های آرایه Using Array Methods

• تبدیل رشته به آرایه Converting a String to an Array

• تبدیل رشته به آرایه Converting a String to an Array

• با استفاده از روش Splice Using the Splice Method

• تمرین 7 Exercise 7

ترکیب توابع Incorporating Functions

• معرفی توابع Introducing Functions

• تعریف توابع Defining Functions

• درک اعلان های تابع و عبارات تابع Understanding Function Declarations and Function Expressions

• درک آرگومان ها و پارامترها Understanding Arguments and Parameters

• مثال تابع Function Example

• با استفاده از بیانیه بازگشت Using the Return Statement

• درک توابع مرتبه بالاتر Understanding Higher Order Functions

• استفاده از توابع پیکان Using Arrow Functions

ترکیب توابع Incorporating Functions

• معرفی توابع Introducing Functions

• تعریف توابع Defining Functions

• درک اعلان های تابع و عبارات تابع Understanding Function Declarations and Function Expressions

• درک آرگومان ها و پارامترها Understanding Arguments and Parameters

• مثال تابع Function Example

• با استفاده از بیانیه بازگشت Using the Return Statement

• درک محدوده قسمت 1 Understanding Scope Part 1

• درک محدوده قسمت 1 Understanding Scope Part 1

• درک محدوده قسمت 2 Understanding Scope Part 2

• درک محدوده قسمت 2 Understanding Scope Part 2

• درک توابع مرتبه بالاتر Understanding Higher Order Functions

• استفاده از توابع پیکان Using Arrow Functions

• تمرین 8 Exercise 8

• تمرین 8 Exercise 8

• تمرین 9 Exercise 9

• تمرین 9 Exercise 9

استفاده از اشیاء Using Objects

• معرفی اشیاء Introducing Objects

• مثال شی Object Example

• حذف Properties با حذف Removing Properties with delete

• دسترسی به خواص با [ ] Accessing Properties with [ ]

• تعریف نمونه اولیه با Object.create Defining the Prototype with Object.create

• با استفاده از ساختار کلاس Using the Class Structure

• تمرین 10 قسمت 3 Exercise 10 Part 3

استفاده از اشیاء Using Objects

• معرفی اشیاء Introducing Objects

• معرفی اشیاء Introducing Objects

• ایجاد اشیاء تعریف شده توسط کاربر Creating User Defined Objects

• ایجاد اشیاء تعریف شده توسط کاربر Creating User Defined Objects

• مثال شی Object Example

• درک این موضوع Understanding this

• درک این موضوع Understanding this

• حذف Properties با حذف Removing Properties with delete

• دسترسی به خواص با [ ] Accessing Properties with [ ]

• درک نحوه عبور اشیا Understanding How Objects are Passed

• درک نحوه عبور اشیا Understanding How Objects are Passed

• درک وراثت نمونه اولیه Understanding Prototypal Inheritance

• درک وراثت نمونه اولیه Understanding Prototypal Inheritance

• تعریف نمونه اولیه با Object.create Defining the Prototype with Object.create

• استفاده از سازنده ها Using Constructors

• استفاده از سازنده ها Using Constructors

• با استفاده از ساختار کلاس Using the Class Structure

• تمرین 10 قسمت 1 Exercise 10 Part 1

• تمرین 10 قسمت 1 Exercise 10 Part 1

• تمرین 10 قسمت 2 Exercise 10 Part 2

• تمرین 10 قسمت 2 Exercise 10 Part 2

• تمرین 10 قسمت 3 Exercise 10 Part 3

دستکاری صفحات HTML Manipulating HTML Pages

• معرفی DOM Introducing the DOM

• استفاده از ابزارهای توسعه دهنده برای کار با DOM Using Developer Tools to Work with the DOM

• انتخاب عناصر DOM با استفاده از دستور نقطه Selecting DOM Elements Using Dot Syntax

• انتخاب عناصر DOM بر اساس شناسه، برچسب یا کلاس Selecting DOM Elements by ID, Tag or Class

• انتخاب عناصر DOM با استفاده از معیارهای CSS Selecting DOM Elements Using CSS Criteria

• عبور از DOM Traversing the DOM

• عبور از DOM در مرورگرهای مدرن Traversing the DOM in Modern Browsers

• اصلاح صفات Modifying Attributes

• با استفاده از Event Object Using the Event Object

• تمرین 12 Exercise 12

• راه حل تمرین 12 Exercise 12 Solution

دستکاری صفحات HTML Manipulating HTML Pages

• معرفی DOM Introducing the DOM

• استفاده از ابزارهای توسعه دهنده برای کار با DOM Using Developer Tools to Work with the DOM

• درک فرآیند تغییر DOM Understanding the Process for Changing the DOM

• درک فرآیند تغییر DOM Understanding the Process for Changing the DOM

• انتخاب عناصر DOM با استفاده از دستور نقطه Selecting DOM Elements Using Dot Syntax

• انتخاب عناصر DOM بر اساس شناسه، برچسب یا کلاس Selecting DOM Elements by ID, Tag or Class

• با استفاده از Console.dir Using Console.dir

• با استفاده از Console.dir Using Console.dir

• انتخاب عناصر DOM با استفاده از معیارهای CSS Selecting DOM Elements Using CSS Criteria

• کار با فرم ها Working with Forms

• کار با فرم ها Working with Forms

• عبور از DOM Traversing the DOM

• عبور از DOM در مرورگرهای مدرن Traversing the DOM in Modern Browsers

• اصلاح صفات Modifying Attributes

• اضافه کردن چندین کلاس به یک گره Adding Multiple Classes to a Node

• اضافه کردن چندین کلاس به یک گره Adding Multiple Classes to a Node

• اصلاح HTML Modifying the HTML

• اصلاح HTML Modifying the HTML

• ایجاد گره های جدید Creating New Nodes

• ایجاد گره های جدید Creating New Nodes

• تمرین 11 Exercise 11

• تمرین 11 Exercise 11

• درک رویدادها Understanding Events

• درک رویدادها Understanding Events

• نمونه رویداد قسمت 1 Event Example Part 1

• نمونه رویداد قسمت 1 Event Example Part 1

• نمونه رویداد قسمت 2 Event Example Part 2

• نمونه رویداد قسمت 2 Event Example Part 2

• با استفاده از Event Object Using the Event Object

• ورزش رویداد Event Exercise

• ورزش رویداد Event Exercise

• تمرین 12 Exercise 12

• راه حل تمرین 12 Exercise 12 Solution

• معرفی جی کوئری Introducing jQuery

• معرفی جی کوئری Introducing jQuery

جدیدترین ویژگی های جاوا اسکریپت The Latest JavaScript Features

• جاوا اسکریپت چگونه تکامل می یابد؟ How Does JavaScript Evolve?

• ECMAScript 2017: padStart و padEnd ECMAScript 2017: padStart and padEnd

جدیدترین ویژگی های جاوا اسکریپت The Latest JavaScript Features

• جاوا اسکریپت چگونه تکامل می یابد؟ How Does JavaScript Evolve?

• با استفاده از ECMAScript 2016 Using ECMAScript 2016

• با استفاده از ECMAScript 2016 Using ECMAScript 2016

• یادداشتی مدرن درباره const و let A Modern Note about const and let

• یادداشتی مدرن درباره const و let A Modern Note about const and let

• ECMAScript 2017: padStart و padEnd ECMAScript 2017: padStart and padEnd

• ECMAScript 2019: trimStart و trimEnd ECMAScript 2019: trimStart and trimEnd

• ECMAScript 2019: trimStart و trimEnd ECMAScript 2019: trimStart and trimEnd

اشکال زدایی و استقرار Debugging and Deploying

• با استفاده از حالت سخت Using Strict Mode

• استقرار جاوا اسکریپت Deploying JavaScript

اشکال زدایی و استقرار Debugging and Deploying

• استفاده از کنسول برای رفع اشکال Using the Console to Debug

• استفاده از کنسول برای رفع اشکال Using the Console to Debug

• استفاده از دیباگر Using a Debugger

• استفاده از دیباگر Using a Debugger

• با استفاده از حالت سخت Using Strict Mode

• استفاده از Linting Tools Using Linting Tools

• استفاده از Linting Tools Using Linting Tools

• استقرار جاوا اسکریپت Deploying JavaScript

نتیجه Conclusion

نتیجه Conclusion

• بعدش چی؟ What Next?

• بعدش چی؟ What Next?

• سخنرانی جایزه: منابع و معاملات اضافی! Bonus Lecture: Additional Resources and Deals!

• سخنرانی جایزه: منابع و معاملات اضافی! Bonus Lecture: Additional Resources and Deals!