آموزش دوره کامل جاوا اسکریپت مدرن با ES6

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

مقدمه Introduction

• تبلیغاتی Promo

• مقدمه ای بر جاوا اسکریپت Introduction to JavaScript

• جعبه ابزار خود را دریافت کنید - Chrome & Brackets Get your toolbox - Chrome & Brackets

• Chrome & Brackets را نصب کنید Install Chrome & Brackets

• اولین برنامه جاوا اسکریپت شما Your very first JavaScript Programme

متغیرها و انواع داده ها Variables & Data Types

• مقدمه Introduction

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• ایجاد متغیرها Create Variables

• قوانین Rules

• کلمات کلیدی رزرو شده Reserved Keywords

• حافظه Memory

• اعداد - مقدمه Numbers - Introduction

• اعداد - عملیات حسابی Numbers - Arithmetic Operations

• اعداد - اولویت اپراتور Numbers - Operator Precedence

• اپراتورها و اولویت اپراتور Operators and Operator Precedence

• اعداد - اپراتور بیشتر/شماره های ویژه Numbers - More Operator / Special Numbers

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: اجتناب از جریمه سرعت! (4 کار) Activity: Avoid a Speeding Fine! (4 Tasks)

• رشته ها Strings

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: در سال 2040 چند ساله خواهید شد؟ (9 کار) Activity: How old will you be in 2040? (9 Tasks)

• بولین ها Booleans

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

• Booleans - اولویت عملگر Booleans - Operator Precedence

• Booleans - اپراتور سه تایی Booleans - Ternary Operator

• Booleans در مقابل Non Booleans Booleans vs Non Booleans

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: پاس می کنید؟ (6 کار) Activity: Will you pass? (6 Tasks)

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

• نوع اجبار Type coercion

• اشیاء Objects

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: ادعای امتیاز اضافی (4 کار) Activity: Claim Extra points (4 Tasks)

• آرایه ها Arrays

• چالش کدنویسی: به صندوقدار کمک کنید - مقدمه Coding Challenge: Help the Cashier - Introduction

• کد منبع چالش کدنویسی را دانلود کنید Download Coding Challenge Source Code

شرطی و حلقه ای Conditional and Looping

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• اگر بیانیه If Statement

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: ضرب و شتم یوسین بولت (4 کار) Activity: Beat Usain Bolt (4 Tasks)

• سوئیچ بیانیه Switch Statement

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: روزهای هفته (2 کار) Activity: Days of the week (2 Tasks)

• برای بیانیه For Statement

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: یافتن هتل در لندن (6 کار) Activity: Find a hotel in London (6 Tasks)

• در حالی که انجام بیانیه while do Statement

• انجام while بیانیه do while Statement

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: برنامه 24 ساعته (5 کار) Activity: 24h Schedule App (5 Tasks)

• کد منبع چالش کدنویسی را دانلود کنید Download Coding Challenge Source Code

• چالش کدنویسی: کد صندوقدار خود را بهبود بخشید - قسمت 1 Coding Challenge: Improve your Cashier Code - Part 1

• چالش کدنویسی: کد صندوقدار خود را بهبود بخشید - راه حل 1 Coding Challenge: Improve your Cashier Code - Solution 1

• چالش کدنویسی: کد صندوقدار خود را بهبود بخشید - قسمت 2 Coding Challenge: Improve your Cashier Code - Part 2

• چالش کدنویسی: کد صندوقدار خود را بهبود بخشید - راه حل 2 Coding Challenge: Improve your Cashier Code - Solution 2

توابع (پایه و متوسط) Functions (Basic & Intermediate)

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• مقدمه Introduction

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: برنامه ریز بودجه تعطیلات (2 کار) Activity: Holiday Budget Planner (2 Tasks)

• مقادیر برگرداندن Return values

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: موزه میامی (2 کار) Activity: The Miami Museum (2 Tasks)

• عبور از «براساس ارزش» در مقابل «بر اساس مرجع» Pass 'by value' vs 'by reference'

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: رافائل نادال vs نواک جوکوویچ (4 وظیفه) Activity: Rafael Nadal vs Novak Djokovic (4 Tasks)

• توابع درجه یک First class functions

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: حمله به مریخ (6 کار) Activity: Mars Invasion (6 Tasks)

• بیانیه در مقابل بیان Statement vs Expression

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: گنج جزیره (4 کار) Activity: The Island Treasure (4 Tasks)

• IIFE: عبارات تابع فوری فراخوانی شده (متوسط) IIFE: Immediately Invoked Function Expressions (Intermediate)

• یک الگوی فراخوانی: بازگشت An invocation pattern: Recursion

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: زنبورهای عسل فیبوناچی (2 کار) Activity: Fibonacci's honey bees (2 Tasks)

• توابع داخلی JS Built-in JS Functions

• محدوده (متوسط) Scope (Intermediate)

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: شبیه سازی قطار منچستر-لندن (7 کار) (1) Activity: Manchester-London Train Simulation (7 Tasks)(1)

• فعالیت: شبیه سازی قطار منچستر-لندن (7 کار) - 2 Activity: Manchester-London Train Simulation (7 Tasks) - 2

• چالش کدنویسی: آیا این چالش اصلی است؟ - مقدمه Coding Challenge: Is it prime? - Introduction

• کد منبع چالش کدنویسی را دانلود کنید Download Coding Challenge Source Code

• چالش کدنویسی: آیا این چالش اصلی است؟ - منطق Coding Challenge: Is it prime? - Logic

• چالش کدنویسی: آیا این چالش اصلی است؟ - راه حل Coding Challenge: Is it prime? - Solution

• چالش کدنویسی: آیا می توانید اعداد اول را بشمارید؟ - مقدمه Coding Challenge: Can you count the primes? - Introduction

• کد منبع چالش کدنویسی را دانلود کنید Download Coding Challenge Source Code

• چالش کدنویسی: آیا می توانید اعداد اول را بشمارید؟ - منطق Coding Challenge: Can you count the primes? - Logic

• چالش کدنویسی: آیا می توانید اعداد اول را بشمارید؟ - راه حل Coding Challenge: Can you count the primes? - Solution

اشیاء Objects

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• حروف عینی Object literals

• "نقطه نویسی" در مقابل "براکت" 'Dot notation' vs 'Brackets'

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: هک دستور غذا (3 کار) Activity: Hack the recipe (3 Tasks)

• سازندگان - کلمه کلیدی "جدید" - "این" Constructors - 'new' keyword - 'this'

• نمونه اولیه Prototype

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: مدیر هتل (10 وظیفه) - 1 Activity: The Hotel Manager (10 Tasks) - 1

• فعالیت: مدیر هتل (10 وظیفه) - 2 Activity: The Hotel Manager (10 Tasks) - 2

• فعالیت: مدیر هتل (10 وظیفه) - 3 Activity: The Hotel Manager (10 Tasks) - 3

• برابری Equality

• شی رشته String Object

• روش های شی رشته String Object Methods

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: شیر، ببر یا غیره؟ (5 کار) - 1 Activity: Lion, tiger or else? (5 Tasks) - 1

• فعالیت: شیر، ببر یا غیره؟ (5 کار) - 2 Activity: Lion, tiger or else? (5 Tasks) - 2

• تاریخ شیء (1) Date Object (1)

• تاریخ شیء (2) Date Object (2)

• روش‌های شیء تاریخ Date Object Methods

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: آیا کتابخانه باز است؟ (6 کار) - 1 Activity: Is the library open? (6 Tasks) - 1

• فعالیت: آیا کتابخانه باز است؟ (6 کار) - 2 Activity: Is the library open? (6 Tasks) - 2

• فعالیت: آیا کتابخانه باز است؟ (6 کار) - 3 Activity: Is the library open? (6 Tasks) - 3

• شیء ریاضی Math Object

• روش های شیء ریاضی Math Object Methods

• JSON JSON

• شی آرایه Array Object

• روش های آرایه: فیلتر کردن، برش دادن و غیره Array methods: filtering, slicing, etc.

• با استفاده از forEach در میان آرایه ها حلقه بزنید Loop through Arrays using forEach

• کد منبع فعالیت را دانلود کنید Download Activity Source Code

• فعالیت: تور اروپا (4 کار) - 1 Activity: The Europe Tour (4 Tasks) - 1

• فعالیت: تور اروپا (4 کار) - 2 Activity: The Europe Tour (4 Tasks) - 2

DOM The DOM

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• یادگیری HTML&CSS (1) Learn HTML&CSS (1)

• یادگیری HTML&CSS (2) Learn HTML&CSS (2)

• یادگیری HTML&CSS (3) Learn HTML&CSS (3)

• یادگیری HTML&CSS (4) Learn HTML&CSS (4)

• DOM را درک کنید Understand the DOM

• دسترسی به عناصر DOM (1) Access DOM elements (1)

• دسترسی به عناصر DOM (2) Access DOM elements (2)

• عناصر DOM را تغییر دهید Change DOM elements

• عناصر DOM را حذف کنید Remove DOM elements

• مدیریت رویداد (1) Event Handling (1)

• مدیریت رویداد (2) Event Handling (2)

• شی رویداد - کلیدها event object - keys

• رویداد شی - رویدادهای ماوس event object - mouse events

• رویداد شی - رویداد پیمایش event object - scroll event

• شی رویداد - تمرکز event object - focus

• رویداد رویداد - preventDefault event object - preventDefault

• جاوا اسکریپت تک رشته ای Single Threaded Javascript

• منحرف کننده Debouncing

• انتشار رویداد Event Propagation

• هیئت رویداد Event Delegation

• جی کوئری jQuery

زمینه اجرا - بالا بردن - "این" Execution Context - Hoisting - 'this'

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• زمینه اجرای جهانی - "این" Global Execution Context - 'this'

• زمینه اجرا - ایجاد و بالا بردن Execution Context - Creation & Hoisting

• Execution Context - اجرا Execution Context - Execution

• اعلان تابع اعلان متغیر اصلی Function declaration overriding variable declaration

زنجیره دامنه Scope Chain

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• مقدمه Introduction

• زنجیره دامنه را درک کنید Understand the scope chain

بسته شدن Closures

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• بسته شدن را درک کنید Understand Closures

• به روز رسانی مقادیر متغیرهای خارجی (1) Update values of outer variables (1)

• به روز رسانی مقادیر متغیرهای بیرونی (2) Update values of outer variables (2)

• بسته شدن با حلقه های رویداد (1) Closures with event loops (1)

• بسته شدن با حلقه های رویداد (2) Closures with event loops (2)

• چالش تکرار Iteration Challenge

اشیاء (پیشرفته): کپسوله سازی و پنهان کردن اطلاعات Objects (Advanced): Encapsulation & Information Hiding

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• چرا اطلاعات را پنهان می کنید؟ Why would you hide information?

• برای پنهان کردن ویژگی ها و روش ها از بسته ها استفاده کنید Use closures to hide properties and methods

• از IIFE برای ایجاد ویژگی ها و روش های استاتیک خصوصی استفاده کنید Use IIFE to create private static properties and methods

اشیاء (پیشرفته): ارث و زنجیره اولیه Objects (Advanced): Inheritance & Prototype Chain

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• درک نمونه اولیه (1) Understand the prototype (1)

• درک نمونه اولیه (2) Understand the prototype (2)

• زنجیره وراثت و نمونه اولیه: __proto__ Inheritance&PrototypeChain: __proto__

• Inheritance&PrototypeChain: Object.create Inheritance&PrototypeChain: Object.create

• Inheritance & PrototypeChain: Constructor Heritance Inheritance&PrototypeChain: Constructor Inheritance

• Inheritance & PrototypeChain: گسترش تابع Inheritance&PrototypeChain: extend function

• افزایش کلاس (1) Class Augmentation (1)

• افزایش کلاس (2) Class Augmentation (2)

• شبیه سازی اشیاء Object cloning

اشیاء (پیشرفته): چالش های اشیاء Objects (Advanced): Objects Challenges

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• چالش: Iteration و hasOwnProperty Challenge: Iteration and hasOwnProperty

• چالش: تکرار با استفاده از object.keys و forEach Challenge: Iteration using object.keys & forEach

• چالش: getPrototypeOf و getOwnPropertyNames Challenge: getPrototypeOf & getOwnPropertyNames

• چالش: از زنجیره نمونه اولیه بالا بروید Challenge: Climb up the prototype chain

اشیاء (پیشرفته): الگوهای تکی و ماژول Objects (Advanced): Singleton & Module Patterns

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• فاصله نام Namespacing

• الگوی سینگلتون Singleton Pattern

• بسته بندی کد خاص صفحه Wrap page specific code

• الگوی طراحی مدولار Modular Design Pattern

توابع (پیشرفته) Functions (Advanced)

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• توابع اشیا هستند Functions are objects

• خاصیت "برهان". The 'arguments' property

• Function.prototype.call Function.prototype.call

• Function.Prototype.apply Function.prototype.apply

• Function.Prototype.bind Function.prototype.bind

پروژه کامل حرفه ای: اپلیکیشن تست تایپ Full Professional Project: Typing Test App

• مقدمه Introduction

• مراحل ساده شده Steps Simplified

• بازگشت به الزامات مشتری Back to Client Requirements

• طراحی عملکردی Functional Design

• الگوی طراحی مدولار Modular Design Pattern

• دسته بندی مدولار Modular Categorisation

• ساختار ماژول داده Data Module Structure

• ساختار ماژول رابط کاربری UI Module Structure

• فرمت ساختار ورد فعلی Format Current Word Structure

• ساختار محاسبه نتایج Results Calculation Structure

• به روز رسانی زمان باقی مانده - ساختار Update Time Left - Structure

• ساختار ماژول گواهی Certificate Module Structure

• ساختار ماژول رویدادها Events Module Structure

• ساختار ماژول Words Words Module Structure

• مروری بر ماژول ها Overview of Modules

• برای نوشتن کد آماده شوید Get ready to Write Code

• هنگام رفتن کد کنید Code as you Go

• اسکلت و دکوراسیون برنامه (1) App Skeleton & Decoration (1)

• اسکلت و دکوراسیون برنامه (2) App Skeleton & Decoration (2)

• اسکلت و دکوراسیون برنامه (3) App Skeleton & Decoration (3)

• هنگام رفتن کد کنید Code as you Go

• تابع init (ماژول رویدادها) init function (Events Module)

• هنگام رفتن کد کنید Code as you Go

• هنگام رفتن کد کنید Code as you Go

• لیست کلمات تست (ماژول داده) را پر کنید Fill the list of Test Words (Data Module)

• هنگام رفتن کد کنید Code as you Go

• یک آرایه را به هم بزنید Shuffle an Array

• هنگام رفتن کد کنید Code as you Go

• اضافه کردن حروف بزرگ تصادفی Add Random Capitalisation

• هنگام رفتن کد کنید Code as you Go

• اضافه کردن علائم نگارشی تصادفی Add Random Punctuation

• هنگام رفتن کد کنید Code as you Go

• لیست کلمات تست (1) (ماژول UI) را پر کنید Fill the list of Test Words (1) (UI Module)

• لیست کلمات تست (2) (ماژول UI) را پر کنید Fill the list of Test Words (2) (UI Module)

• هنگام رفتن کد کنید Code as you Go

• راه‌اندازی زمان (داده‌ها و ماژول‌های رابط کاربری) Time Initialisation (Data & UI Modules)

• هنگام رفتن کد کنید Code as you Go

• انتقال به یک کلمه جدید (ماژول داده) Move to a New Word (Data Module)

• هنگام رفتن کد کنید Code as you Go

• Active Word را تنظیم کنید و آن را قالب بندی کنید (ماژول UI) Set the Active Word & Format it (UI Module)

• هنگام رفتن کد کنید Code as you Go

• یک کاراکتر تایپ کنید - شنونده رویداد Type a Character - Event Listener

• هنگام رفتن کد کنید Code as you Go

• word.prototype.update(value) word.prototype.update(value)

• هنگام رفتن کد کنید Code as you Go

• keydown در مقابل keyup در مقابل keypress در مقابل رویدادهای ورودی keydown vs keyup vs keypress vs input Events

• هنگام رفتن کد کنید Code as you Go

• فرمت Active Word (ماژول UI) Format the Active Word (UI Module)

• هنگام رفتن کد کنید Code as you Go

• فضای مطبوعاتی - رویداد Press Space - Event

• هنگام رفتن کد کنید Code as you Go

• Active Word را به وسط نمایش اسکرول کنید Scroll the Active Word into the Middle of the View

• هنگام رفتن کد کنید Code as you Go

• Enter را فشار دهید - با استفاده از Event Constructor یک رویداد جعلی ایجاد کنید Press Enter - Create a Fake Event using the Event Constructor

• هنگام رفتن کد کنید Code as you Go

• تست را راه اندازی کنید Launch the Test

• هنگام رفتن کد کنید Code as you Go

• محاسبه کلمات در دقیقه و wpmChange (ماژول داده) Calculate Words Per Minute & wpmChange (Data Module)

• زمان باقی مانده (ماژول های داده و رابط کاربری) را به روز کنید Update the Time Left (Data & UI Modules)

• هنگام رفتن کد کنید Code as you Go

• محاسبه کلیک در دقیقه و تغییر در دقیقه (ماژول داده) Calculate Clicks Per Minute & cpmChange (Data Module)

• هنگام رفتن کد کنید Code as you Go

• محاسبه دقت و تغییر دقت (ماژول داده) Calculate accuracy & accuracyChange (Data Module)

• هنگام رفتن کد کنید Code as you Go

• به روز رسانی نتایج (ماژول UI) Update Results (UI Module)

• هنگام رفتن کد کنید Code as you Go

• پایان تست و نمایش Modal (1) (Data & UI Modules) End the test & show the Modal (1) (Data & UI Modules)

• پایان تست و نمایش Modal (2) (Data & UI Modules) End the test & show the Modal (2) (Data & UI Modules)

• هنگام رفتن کد کنید Code as you Go

• تولید گواهی PDF (1) (ماژول گواهی) Generate PDF Certificate (1) (Certificate Module)

• هنگام رفتن کد کنید Code as you Go

• تولید گواهی PDF (2) (ماژول گواهی) Generate PDF Certificate (2) (Certificate Module)

• هنگام رفتن کد کنید Code as you Go

• تولید گواهی PDF (3) (ماژول گواهی) Generate PDF Certificate (3) (Certificate Module)

• هنگام رفتن کد کنید Code as you Go

ES6 - ES2015: مقدمه ES6 - ES2015: Introduction

• مقدمه Introduction

ES6 - متغیرها و محدوده ES6 - Variables & Scoping

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• بررسی اعلامیه 'var' Review of 'var' declaration

• "بگذارید" دامنه و منطقه مرده زمانی 'let' scope and temporal dead zone

• مسدود کردن محدوده در ES6 Block scoping in ES6

• توابع و محدوده محدوده Functions and Block scoping

• توابع و محدوده محدوده - از "let" استفاده کنید Functions and Block scoping - Use 'let'

• "بگذارید" Scope در مقابل بسته شدن 'let' Scope vs Closures

• چالش تعطیلی Closures Challenge

• 'const' - فقط خواندن متغیرها 'const' - Read only variables

ES6 - ویژگی های مدرن که تجربه کدنویسی شما را آسان تر می کند! ES6 - Modern Features which will make your Coding Experience Easier!

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• الفاظ الگو Template Literals

• توابع پیکان - "این" محدوده واژگانی Arrow Functions - 'this' Lexical Scope

• تخریب - آرایه ها Destructuring - Arrays

• تخریب - اشیاء Destructuring - Objects

• تخریب - توابع Destructuring - Functions

• توابع - مقادیر پارامترهای پیش فرض Functions - Default Parameter Values

• توابع - پارامترهای استراحت Functions - Rest Parameters

• اپراتور گسترش Spread Operator

• Object Literals ویژگی های جدید Object Literals New Features

ES6 - ساختارهای جدید داده و تکرار (تکرار کننده ها، مولدها، نقشه ها، مجموعه ها،...) ES6 - New Data Structures & Iteration (Iterators, Generators,Maps, Sets,...)

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• برای حلقه for of Loop

• Iterators، Generators & next() Iterators, Generators & next()

• نقشه ها - تکرار Maps - Iteration

• مجموعه ها - تکرار Sets - Iteration

• مجموعه ها - چالش ها: تقاطع * تفاوت Sets - Challenges: Intersection * Difference

• نمادها Symbols

• نماد. تکرار کننده Symbol.iterator

ES6 - روش های آرایه مدرن ES6 - Modern Array Methods

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• Array.from: مجموعه ها، رشته ها و آرگومان ها Array.from: collections, strings & arguments

• Array.from: نقشه اختیاری، ویژگی طول، نقشه ها و مجموعه ها Array.from: optional map, length property, Maps & Sets

• Array.of() Array.of()

• روش های آرایه مدرن بیشتر More Modern Array methods

ES6 - کلاس‌ها (روش‌های استاتیک، گیرنده‌ها/تنظیم‌کننده‌ها، وراثت، گسترش، فوق‌العاده،...) ES6 - Classes (static methods, getters/setters, inheritance, extends, super,...)

• کد منبع فصل را دانلود کنید Download Chapter Source Code

• بازگشت به سازندگان ES5 Back to ES5 Constructors

• نحو کلاس های ES6 ES6 Classes Syntax

• روش های استاتیک Static methods

• گیرنده و تنظیم کننده Getters & Setters

• وراثت کلاس - گسترش می یابد - super() Class Inheritance - extends - super()