آموزش کتاب مقدس جاوا اسکریپت - جاوا اسکریپت و بوت کمپ ES6 2019 [ویدئو]

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

مقدمه Intro

• مقدمه Intro

• مسیریابی دوره Course Navigation

EXERCISE Files and SOFTWARE Setup EXERCISE Files and SOFTWARE Setup

• INTRO - فایل های تمرین و راه اندازی نرم افزار INTRO - Exercise Files and Software Setup

• VIDEO - مروری بر تنظیمات نرم افزار VIDEO - Software Setup Overview

• تمرین - فقط برای ویندوز - "cmder" را نصب کنید PRACTICE - WINDOWS ONLY - Install "cmder"

• تمرین - تنظیم کد ویژوال استودیو PRACTICE - Visual Studio Code Setup

• تمرین - Node.js را راه اندازی کنید و فایل جاوا اسکریپت آزمایشی را اجرا کنید PRACTICE - Launch Node.js and execute test JavaScript file

• تمرین - نمای کلی Git - بخش 1 PRACTICE - Git Overview - PART 1

• تمرین - نمای کلی Git - بخش 2 PRACTICE - Git Overview - PART 2

• تمرین - مخزن GIT راه دور را شبیه سازی کنید و شاخه ها را تغییر دهید PRACTICE - Clone remote GIT repository and switch Branches

• تمرین - از SourceTree برای مدیریت مخازن Git استفاده کنید PRACTICE - Use SourceTree for Git repositories management

مبانی جاوا اسکریپت - مقدمه JAVASCRIPT BASICS - Intro

• مقدمه - مبانی جاوا اسکریپت - مقدمه INTRO - JAVASCRIPT BASICS - Intro

• تمرین - کاوش وب سایت ها در مرورگر PRACTICE - Exploring Web Sites in the Browser

• تمرین - اولین فایل HTML را ایجاد کنید و سرور زنده را راه اندازی کنید PRACTICE - Create first HTML file and start Live Server

• تمرین - فاویکون را به فایل HTML اضافه کنید PRACTICE - Add favicon to the HTML file

• تمرین - جاوا اسکریپت در HTML تعبیه شده است PRACTICE - JavaScript embedded into the HTML

• DEMO - مدیریت شاخه های Git DEMO - Git branches management

• تمرین - جاوا اسکریپت در فایل جداگانه PRACTICE - JavaScript in the separate file

• چالش - اسکریپت های خارجی CHALLENGE - External Scripts

• CHALLENGE - اسکریپت های خارجی - راه حل CHALLENGE - External Scripts - SOLUTION

• تمرین - جاوا اسکریپت در کنسول مرورگر PRACTICE - JavaScript in the Console of the Browser

مبانی جاوا اسکریپت - انواع و متغیرها JAVASCRIPT BASICS - Types and Variables

• مقدمه - مبانی جاوا اسکریپت - انواع و متغیرها INTRO - JAVASCRIPT BASICS - Types and Variables

• VIDEO - شی در جاوا اسکریپت VIDEO - Object in JavaScript

• ویدئو - انواع ارزش مرجع در مقابل اولیه VIDEO - Primitive vs Reference Value Types

• تمرین - کاوش انواع ارزش های اولیه PRACTICE - Exploring Primitive Value Types

• تمرین - کاوش نوع مرجع - شی PRACTICE - Exploring Reference Type - Object

• VIDEO - اعلان متغیر با استفاده از "var"، "let" و "const" VIDEO - Variable declaration using "var", "let" and "const"

• تمرین - اعلام و تکلیف متغیر PRACTICE - Variable declaration and assignment

• چالش - اعلامیه و واگذاری متغیر CHALLENGE - Variable Declaration and Assignment

• چالش - استفاده مجدد از متغیرها CHALLENGE - Variables Reusage

• ویدئو - زبان‌های تایپ‌شده به‌صورت ایستا و پویا VIDEO - Statically vs Dynamically typed Languages

• تمرین - تایپ پویا در جاوا اسکریپت PRACTICE - Dynamic typing in JavaScript

مبانی جاوا اسکریپت - اشیاء JAVASCRIPT BASICS - Objects

• مقدمه - مبانی جاوا اسکریپت - اشیاء INTRO - JAVASCRIPT BASICS - Objects

• ویدئو - انواع اشیاء در جاوا اسکریپت VIDEO - Variety of Objects in JavaScript

• VIDEO - اصلاح اشیاء VIDEO - Objects Modification

• تمرین و چالش ها - اشیاء - قسمت 1 PRACTICE and CHALLENGES - Objects - PART 1

• تمرین و چالش ها - اشیاء - قسمت 2 PRACTICE and CHALLENGES - Objects - PART 2

• تمرین و چالش ها - اشیاء - قسمت 3 PRACTICE and CHALLENGES - Objects - PART 3

• ویدئو - اشیاء جهانی - "پنجره" و "جهانی" VIDEO - Global Objects - "window" and "global"

• VIDEO - روش های شی VIDEO - Methods of the Object

اصول JAVASCRIPT - توابع JAVASCRIPT BASICS - Functions

• مقدمه - مبانی جاوا اسکریپت - توابع INTRO - JAVASCRIPT BASICS - Functions

• ویدئو - مقدمه ای بر توابع VIDEO - Introduction to the Functions

• VIDEO - نحو تابع VIDEO - Syntax of the Function

• تمرین - توابع - بخش 1 PRACTICE - Functions - PART 1

• تمرین - توابع - بخش 2 PRACTICE - Functions - PART 2

• چالش ها - توابع - قسمت 1 CHALLENGES - Functions - PART 1

• چالش ها - توابع - قسمت 2 CHALLENGES - Functions - PART 2

• VIDEO - عبارات تابع در مقابل اعلان های تابع VIDEO - Function Expressions vs Function Declarations

• تمرین - عبارات تابع، setTimout()، setInterval() PRACTICE - Function Expressions, setTimout(), setInterval()

• چالش - عبارات تابع CHALLENGE - Function Expressions

• ✔ چالش - عبارات تابع - راه حل ✔ CHALLENGE - Function Expressions - SOLUTION

مبانی جاوا اسکریپت - اپراتورها JAVASCRIPT BASICS - Operators

• مقدمه - مبانی جاوا اسکریپت - اپراتورها INTRO - JAVASCRIPT BASICS - Operators

• ویدئو - اپراتورها VIDEO - Operators

• ویدئو - عملوندها، Unary در مقابل عملگرهای باینری و نمادها VIDEO - Operands, Unary vs Binary Operators and Notations

• تمرین - عملگرهای حسابی - بخش 1 PRACTICE - Arithmetic Operators - PART 1

• تمرین - عملگرهای حسابی - بخش 2 PRACTICE - Arithmetic Operators - PART 2

• تمرین - مقایسه اپراتورها - بخش 1 PRACTICE - Comparison Operators - PART 1

• تمرین - مقایسه اپراتورها - بخش 2 PRACTICE - Comparison Operators - PART 2

• تمرین - عملگرهای منطقی - بخش 1 PRACTICE - Logical Operators - PART 1

• تمرین - عملگرهای منطقی - بخش 2 PRACTICE - Logical Operators - PART 2

• PRACTICE - اپراتورها اولویت و انجمن PRACTICE - Operators Precedence and Associativity

• چالش ها - اپراتورها - قسمت 1 CHALLENGES - Operators - PART 1

• چالش ها - اپراتورها - قسمت 2 CHALLENGES - Operators - PART 2

مبانی جاوا اسکریپت - عبارات در مقابل عبارات JAVASCRIPT BASICS - Expressions vs Statements

• مقدمه - مبانی جاوا اسکریپت - عبارات در مقابل عبارات INTRO - JAVASCRIPT BASICS - Expressions vs Statements

• ویدئو - عبارات در مقابل اظهارات - بخش 1 VIDEO - Expressions vs Statements - PART 1

• ویدئو - عبارات در مقابل بیانیه ها - بخش 2 VIDEO - Expressions vs Statements - PART 2

• تمرین - عبارات در مقابل بیانیه ها - بخش 1 PRACTICE - Expressions vs Statements - PART 1

• تمرین - عبارات در مقابل بیانیه ها - بخش 2 PRACTICE - Expressions vs Statements - PART 2

• چالش ها - عبارات در مقابل بیانیه ها CHALLENGES - Expressions vs Statements

مبانی جاوا اسکریپت - محدوده JAVASCRIPT BASICS - Scopes

• مقدمه - مبانی جاوا اسکریپت - دامنه INTRO - JAVASCRIPT BASICS - Scopes

• ویدئو - محدوده - قسمت 1 VIDEO - Scopes - PART 1

• VIDEO - Scopes - Part 2 VIDEO - Scopes - PART 2

• ویدئو - متغیرهای اعلام نشده و "استفاده سخت" VIDEO - Undeclared Variables and "use strict"

• تمرین - حوزه ها - بخش 1 PRACTICE - Scopes - PART 1

• تمرین - دامنه ها - بخش 2 PRACTICE - Scopes - PART 2

• چالش ها - محدوده CHALLENGES - Scopes

مبانی جاوا اسکریپت - آرایه ها JAVASCRIPT BASICS - Arrays

• مقدمه - مبانی جاوا اسکریپت - آرایه ها INTRO - JAVASCRIPT BASICS - Arrays

• ویدئو - آرایه ها VIDEO - Arrays

• ویدئو - روش های آرایه VIDEO - Array Methods

• تمرین - آرایه ها - قسمت 1 PRACTICE - Arrays - PART 1

• تمرین - آرایه ها - بخش 2 PRACTICE - Arrays - PART 2

• چالش ها - آرایه ها CHALLENGES - Arrays

مبانی جاوا اسکریپت - حلقه ها و بیانیه های شرطی JAVASCRIPT BASICS - Loops and Conditional Statements

• ویدئو - مقدمه ای بر حلقه ها VIDEO - Introduction to the Loops

• ویدئو - "برای" حلقه VIDEO - "for" Loop

• ویدئو - حلقه "در حالی که". VIDEO - "while" Loop

• VIDEO - حلقه "do while". VIDEO - "do while" Loop

• VIDEO - حلقه‌های "for in" و "for of". VIDEO - "for in" and "for of" Loops

• حلقه های تمرین - بخش 1 PRACTICE Loops - PART 1

• حلقه های تمرین - بخش 2 PRACTICE Loops - PART 2

• حلقه‌های تمرین - به دنبال حلقه‌ها در یک کتابخانه جاوا اسکریپت عمومی می‌گردید PRACTICE Loops - Looking for loops in a pubic JavaScript library

• VIDEO - بیانیه های مشروط - if, if else و سوئیچ VIDEO - Conditional Statements - if, if else and switch

• ویدئو - اپراتور سه تایی VIDEO - Ternary Operator

• تمرین - عبارات شرطی و عملگر سه تایی - بخش 1 PRACTICE - Conditional statements and ternary operator - PART 1

• تمرین - عبارات شرطی و عملگر سه تایی - بخش 2 PRACTICE - Conditional statements and ternary operator - PART 2

• چالش ها - حلقه ها و شرایط - قسمت 1 CHALLENGES - Loops and Conditions - PART 1

• چالش ها - حلقه ها و شرایط - قسمت 2 CHALLENGES - Loops and Conditions - PART 2

• چالش ها - حلقه ها و شرایط - قسمت 3 CHALLENGES - Loops and Conditions - PART 3

• چالش ها - "برای در" و اپراتور سه تایی CHALLENGES - "for in" and Ternary Operator

مبانی JAVASCRIPT - موضوعات پیشرفته JAVASCRIPT BASICS - Advanced Topics

• تمرین - قابل تغییر در مقابل ارزش های تغییرناپذیر PRACTICE - Mutable vs Immutable Values

• تمرین - اپراتورهای "نوع" و "نمونه". PRACTICE - "typeof" and "instanceof" Operators

• تمرین - "آرایه جدید"، "رشته جدید" PRACTICE - "new Array", "new String"

• تمرین - "شیء جدید"، "عملکرد جدید" PRACTICE - "new Object", "new Function"

• تمرین - زمینه های اجرا و زمینه های اجرا پشته PRACTICE - Execution contexts and Execution contexts stack

• تمرین - "این" PRACTICE - "this"

• تمرین - روش های "تماس"، "اعمال" تابع PRACTICE - "call", "apply" methods of the Function

• تمرین - روش "پیوند" تابع PRACTICE - "bind" method of the Function

• تمرین - "گذر از ارزش" در مقابل "گذر با مرجع" PRACTICE - "pass by value" vs "pass by reference"

• تمرین - IIFE - عبارت تابع بلافاصله فراخوانده شده است PRACTICE - IIFE - Immediately Invoked Function Expression

• تمرین - اجرای کد همزمان PRACTICE - Synchronous Code Execution

• تمرین - صف رویدادها و رویدادها PRACTICE - Events and Events queue

• تمرین - پاسخ به تماس - بخش 1 PRACTICE - Callbacks - PART 1

• تمرین - پاسخ به تماس - بخش 2 PRACTICE - Callbacks - PART 2

• تمرین - بسته شدن PRACTICE - Closures

چرخه حیات متغیرهای ES6 ES6 Variables Lifecycles

• ویدئو - خلاصه ای از "var" VIDEO - Recap of the "var"

• VIDEO - دامنه ها - جهانی، عملکرد و بلوک VIDEO - Scopes - Global, Function and Block

• ویدئو - اجازه دهید VIDEO - let

• ویدئو - پایان VIDEO - const

• VIDEO - دستورالعمل‌های استفاده از متغیرها VIDEO - Variables Usage Guidelines

• ویدئو - Var، Let یا Const؟ VIDEO - Var, Let or Const?

• چالش 1-1 - let، var و const CHALLENGE 1-1 - let, var and const

• ✔ چالش 1-1 - اجازه دهید، var و const - راه حل ✔ CHALLENGE 1-1 - let, var and const - SOLUTION

• چالش 1-2 - let، var و closures CHALLENGE 1-2 - let, var and closures

• ✔ چالش 1-2 - اجازه دهید، var و بسته شدن - راه حل ✔ CHALLENGE 1-2 - let, var and closures - SOLUTION

• ویدئو - فازهای موتور جاوا اسکریپت VIDEO - JavaScript Engine Phases

• VIDEO - فازهای چرخه حیات متغیر VIDEO - Variable Lifecycle Phases

• ویدئو - چرخه عمر Var VIDEO - Var lifecycle

• ویدئو - چرخه حیات متغیر اعلام نشده VIDEO - Undeclared variable lifecycle

• ویدئو - اجازه دهید چرخه زندگی VIDEO - Let lifecycle

• ویدئو - چرخه عمر Const VIDEO - Const lifecycle

• ویدئو - چرخه عمر تابع - قسمت 1 VIDEO - Function lifecycle - Part 1

• ویدئو - چرخه عمر تابع - قسمت 2 VIDEO - Function lifecycle - Part 2

• ویدئو - در نهایت بالا بردن چیست؟ VIDEO - What is finally hoisting?

• DEMO - قرار دادن متغیرهای مختلف چرخه زندگی DEMO - Putting different variables lifecycles together

• ✔ DEMO - کنار هم قرار دادن متغیرهای مختلف چرخه زندگی - راه حل، قسمت 1 ✔ DEMO - Putting different variables lifecycles together - SOLUTION, Part 1

• ✔ DEMO - کنار هم قرار دادن متغیرهای مختلف چرخه زندگی - راه حل، قسمت 2 ✔ DEMO - Putting different variables lifecycles together - SOLUTION, Part 2

• چالش 1-3 - چرخه زندگی متغیر CHALLENGE 1-3 - Variable Lifecycles

• ✔ چالش 1-3 - چرخه زندگی متغیر - راه حل ✔ CHALLENGE 1-3 - Variable Lifecycles - SOLUTION

• VIDEO - خلاصه بخش فازهای متغیر VIDEO - Variables Phases Section Summary

توابع پیکان ES6 ES6 Arrow functions

• VIDEO - مقدمه ای بر بخش توابع پیکان VIDEO - Introduction to the Arrow Functions Section

• VIDEO - مروری بر توابع سنتی جاوا اسکریپت. VIDEO - Traditional JavaScript Functions Overview.

• VIDEO - مقدمه ای بر عملکردهای پیکان VIDEO - Introduction to the Arrow Functions

• VIDEO - نحو توابع پیکان VIDEO - Arrow Functions syntax

• تمرین - توابع پیکان PRACTICE - Arrow Functions

• VIDEO - توابع پیکان و "این". VIDEO - Arrow Functions and "this".

• VIDEO - توابع منظم به جای توابع پیکان VIDEO - Regular functions instead of Arrow Functions

• چالش 2-1 - توابع منظم در مقابل پیکان CHALLENGE 2-1 - Regular vs Arrow Functions

• چالش 2-1 - توابع منظم در مقابل پیکان - راه حل CHALLENGE 2-1 - Regular vs Arrow Functions - SOLUTION

• ویدئو - استدلال در توابع VIDEO - Arguments in the Functions

• VIDEO - خلاصه توابع پیکان VIDEO - Arrow Functions Summary

ES5.1 روش های کمکی آرایه ES5.1 Array Helper Methods

• VIDEO - forEach() نمای کلی VIDEO - forEach() Overview

• تمرین - forEach() PRACTICE - forEach()

• CHALLENGE 3-1 - forEach() با Index CHALLENGE 3-1 - forEach() with Index

• ✔ CHALLENGE 3-1 - forEach() با Index - SOLUTION ✔ CHALLENGE 3-1 - forEach() with Index - SOLUTION

• VIDEO - map() نمای کلی VIDEO - map() Overview

• تمرین - نقشه () PRACTICE - map()

• CHALLENGE 3-2 - map() JSON به Object CHALLENGE 3-2 - map() JSON to Object

• ✔ CHALLENGE 3-2 - map() JSON به Object - SOLUTION ✔ CHALLENGE 3-2 - map() JSON to Object - SOLUTION

• VIDEO - filter() نمای کلی VIDEO - filter() Overview

• تمرین - فیلتر() PRACTICE - filter()

• VIDEO - find() بررسی اجمالی VIDEO - find() Overview

• تمرین - find() PRACTICE - find()

• CHALLENGE 3-3 - find() Single Post CHALLENGE 3-3 - find() Single Post

• ✔ CHALLENGE 3-3 - find() Single Post - SOLUTION ✔ CHALLENGE 3-3 - find() Single Post - SOLUTION

• VIDEO - هر() و برخی() بررسی اجمالی VIDEO - every() and some() Overview

• تمرین - every() و some() PRACTICE - every() and some()

• چالش 3-4 آیا آرایه اعداد مرتب شده است؟ CHALLENGE 3-4 Is Array of Numbers Sorted?

• ✔ چالش 3-4 آیا آرایه اعداد مرتب شده است؟ - راه حل ✔ CHALLENGE 3-4 Is Array of Numbers Sorted? - SOLUTION

• چالش 3-5 آیا آرایه ها برابر هستند یا نه؟ CHALLENGE 3-5 Are Arrays Equal or not?

• ✔ چالش 3-5 آیا آرایه ها برابر هستند یا نه؟ - راه حل ✔ CHALLENGE 3-5 Are Arrays Equal or not? - SOLUTION

• چالش 3-6 بررسی کنید که آیا عنصر در آرایه است CHALLENGE 3-6 Check if Element is in Array

• ✔ چالش 3-6 بررسی کنید که آیا عنصر در آرایه است - راه حل ✔ CHALLENGE 3-6 Check if Element is in Array - SOLUTION

• VIDEO - شامل () بررسی اجمالی VIDEO - includes() Overview

• تمرین - شامل() PRACTICE - includes()

• CHALLENGE 3-7 شامل() با آرایه یا شی است CHALLENGE 3-7 Includes() with Array or Object

• ✔ چالش 3-7 شامل() با آرایه یا شی - راه حل ✔ CHALLENGE 3-7 Includes() with Array or Object - SOLUTION

• چالش 3-8 در صورت نبود عنصر به آرایه فشار دهید CHALLENGE 3-8 Push Element to Array if Not Exists

• ✔ چالش 3-8 فشار عنصر به آرایه اگر وجود ندارد - راه حل ✔ CHALLENGE 3-8 Push Element to Array if Not Exists - SOLUTION

• VIDEO - کاهش () بررسی اجمالی VIDEO - reduce() Overview

• تمرین - کاهش () PRACTICE - reduce()

• چالش 3-9 کاهش آرایه از اشیاء CHALLENGE 3-9 Reduce Array of Objects

• ✔ چالش 3-9 کاهش آرایه از اشیاء - راه حل ✔ CHALLENGE 3-9 Reduce Array of Objects - SOLUTION

• چالش 3-10 کاهش آرایه از اشیاء به شی CHALLENGE 3-10 Reduce Array of Objects to Object

• ✔ چالش 3-10 کاهش آرایه از اشیا به شی - راه حل ✔ CHALLENGE 3-10 Reduce Array of Objects to Object - SOLUTION

• VIDEO - آیا می دانید sort() چگونه کار می کند؟ VIDEO - Do you know how sort() works?

• VIDEO - مرور کلی الگوریتم های مرتب سازی VIDEO - Sorting Algorithms Overview

• ویدئو - مرتب سازی پایدار در مقابل ناپایدار VIDEO - Stable vs Unstable Sort

• VIDEO - sort() نمای کلی VIDEO - sort() Overview

• VIDEO - sort() بدون آرگومان VIDEO - sort() without Arguments

• VIDEO - sort() تجزیه و تحلیل الگوریتم های مرتب سازی VIDEO - sort() Analyze sorting algorithms

• VIDEO - الگوریتم های sort() در مرورگرهای مختلف VIDEO - sort() Algorithms in different browsers

• CHALLENGE 3-11 sort() آرایه ای از اشیاء CHALLENGE 3-11 sort() Array of objects

• ✔ CHALLENGE 3-11 sort() آرایه اشیاء - راه حل ✔ CHALLENGE 3-11 sort() Array of objects - SOLUTION

• CHALLENGE 3-12 sort() آرایه طولانی اشیاء CHALLENGE 3-12 sort() Long Array of objects

• ✔ CHALLENGE 3-12 sort() آرایه طولانی اشیاء - راه حل ✔ CHALLENGE 3-12 sort() Long Array of objects - SOLUTION

• VIDEO - sort() خلاصه VIDEO - sort() Summary

• VIDEO - روش های کمکی آرایه خلاصه VIDEO - Array helper methods Summary

ES6 قالب Literals ES6 Template Literals

• ویدئو - بررسی اجمالی الگوها VIDEO - Template Literals Overview

• VIDEO - Tagged Templates Overview VIDEO - Tagged Templates Overview

• Challenge 4-1 Template Literals CHALLENGE 4-1 Template Literals

• ✔ چالش 4-1 قالب الفاظ - راه حل ✔ CHALLENGE 4-1 Template Literals - SOLUTION

• CHALLENGE 4-2 الگوی برچسب گذاری شده پیش فرض CHALLENGE 4-2 Default tagged template

• ✔ CHALLENGE 4-2 الگوی پیش فرض برچسب گذاری شده - راه حل ✔ CHALLENGE 4-2 Default tagged template - SOLUTION

اپراتورهای ES6 Rest/Spread و پارامترهای عملکرد پیش فرض ES6 Rest/Spread Operators and Default Function Parameters

• VIDEO - بررسی اجمالی پارامترهای استراحت VIDEO - Rest Parameters Overview

• تمرین - پارامترهای استراحت PRACTICE - Rest Parameters

• VIDEO - نمای کلی اپراتور Spread VIDEO - Spread Operator Overview

• تمرین - اپراتور گسترش PRACTICE - Spread Operator

• چالش 5-1 اپراتورهای استراحت و پخش CHALLENGE 5-1 Rest and Spread Operators

• ✔ چالش 5-1 اپراتورهای استراحت و پخش - راه حل ✔ CHALLENGE 5-1 Rest and Spread Operators - SOLUTION

• VIDEO - نمای کلی پارامترهای عملکرد پیش فرض VIDEO - Default Function Parameters Overview

• تمرین - پارامترهای تابع پیش فرض PRACTICE - Default Function Parameters

• CHALLENGE 5-2 مقدار پیش فرض بدون پارامترهای پیش فرض CHALLENGE 5-2 Default value without default parameters

• ✔ CHALLENGE 5-2 مقدار پیش فرض بدون پارامترهای پیش فرض - راه حل ✔ CHALLENGE 5-2 Default value without default parameters - SOLUTION

• چالش 5-3 ایجاد شناسه های منحصر به فرد گمشده CHALLENGE 5-3 Generate Missing Unique IDs

• ✔ چالش 5-3 ایجاد شناسه های منحصر به فرد گمشده - راه حل بخش 1 ✔ CHALLENGE 5-3 Generate Missing Unique IDs - SOLUTION PART 1

• ✔ چالش 5-3 ایجاد شناسه های منحصر به فرد گمشده - راه حل بخش 2 ✔ CHALLENGE 5-3 Generate Missing Unique IDs - SOLUTION PART 2

• ✔ چالش 5-3 ایجاد شناسه های منحصر به فرد گمشده - راه حل بخش 3 ✔ CHALLENGE 5-3 Generate Missing Unique IDs - SOLUTION PART 3

• ✔ چالش 5-3 ایجاد شناسه های منحصر به فرد گمشده - راه حل بخش 4 ✔ CHALLENGE 5-3 Generate Missing Unique IDs - SOLUTION PART 4

ES6 Enhanced Object Literals ES6 Enhanced Object Literals

• VIDEO - بررسی اجمالی لفظ شیء پیشرفته VIDEO - Enhanced Object Literals Overview

• تمرین - لغوی شیء پیشرفته PRACTICE - Enhanced Object Literals

• چالش 6-1 لفظ شیء پیشرفته CHALLENGE 6-1 Enhanced Object Literals

• ✔ CHALLENGE 6-1 لفظ شیء پیشرفته - راه حل ✔ CHALLENGE 6-1 Enhanced Object Literals - SOLUTION

ES6 آرایه و تخریب شی ES6 Array and Object Destructuring

• ویدئو - مروری بر تخریب ساختار VIDEO - Destructuring Overview

• تمرین - تخریب آرایه PRACTICE - Array Destructuring

• چالش 6-2 تخریب آرایه CHALLENGE 6-2 Array Destructuring

• ✔ چالش 6-2 تخریب آرایه - راه حل ✔ CHALLENGE 6-2 Array Destructuring - SOLUTION

• چالش 6-3 نتیجه تخریب تابع CHALLENGE 6-3 Destructure Result of the Function

• ✔ چالش 6-3 نتیجه تخریب تابع - راه حل ✔ CHALLENGE 6-3 Destructure Result of the Function - SOLUTION

• تمرین - تخریب شی - قسمت 1 PRACTICE - Object Destructuring - PART 1

• VIDEO - نام متغیرهای جدید و مقادیر پیش‌فرض در تخریب شی VIDEO - New Variable Names and Default Values in Object Destructuring

• تمرین - تخریب شی - قسمت 2 PRACTICE - Object Destructuring - PART 2

• چالش 6-4 تخریب شی CHALLENGE 6-4 Object Destructuring

• ✔ چالش 6-4 تخریب شی - راه حل ✔ CHALLENGE 6-4 Object Destructuring - SOLUTION

• چالش 6-5 روش‌های کمک‌کننده ساختار و آرایه CHALLENGE 6-5 Object Destructuring and Array Helper Methods

• ✔ چالش 6-5 روش های تخریب شی و کمک آرایه - راه حل ✔ CHALLENGE 6-5 Object Destructuring and Array Helper Methods - SOLUTION

• چالش 6-6 حذف ویژگی های شی CHALLENGE 6-6 Delete Object Properties

• ✔ چالش 6-6 حذف ویژگی های شی - راه حل ✔ CHALLENGE 6-6 Delete Object Properties - SOLUTION

کلاس‌های ES6، نمونه‌های اولیه و سازنده‌های عملکرد ES6 Classes, Prototypes and Function Constructors

• ویدئو - مبتنی بر کلاس در مقابل نمونه اولیه VIDEO - Class-based vs Prototype-based

• ویدئو - ارث چیست؟ VIDEO - What is inheritance?

• ویدئو - نمونه اولیه زنجیره VIDEO - Prototype Chain

• ویدئو - __proto__ و [[نمونه اولیه]] VIDEO - __proto__ and [[Prototype]]

• ویدئو - نمونه اولیه چیست؟ VIDEO - What is Prototype?

• ویدئو - __proto__ را دوباره اختصاص ندهید VIDEO - Don't reassign __proto__

• ویدئو - نمونه های اولیه - قسمت 1 VIDEO - Native Prototypes - PART 1

• ویدئو - نمونه های اولیه - قسمت 2 VIDEO - Native Prototypes - PART 2

• ویدئو - وراثت نمونه اولیه در جاوا اسکریپت VIDEO - Prototypal Inheritance in JavaScript

• تمرین - سازندگان عملکرد - بخش 1 PRACTICE - Function Constructors - PART 1

• VIDEO - بررسی اجمالی سازندگان عملکرد VIDEO - Function Constructors Overview

• تمرین - سازندگان عملکرد - بخش 2 PRACTICE - Function Constructors - PART 2

• تمرین - سازندگان عملکرد - بخش 3 PRACTICE - Function Constructors - PART 3

• VIDEO - Object.create() نمای کلی VIDEO - Object.create() Overview

• تمرین - Object.create() PRACTICE - Object.create()

• تمرین - سازندگان عملکرد - بخش 4 PRACTICE - Function Constructors - PART 4

• VIDEO - Function Constructors - نمونه اولیه جدید در زنجیره VIDEO - Function Constructors - New Prototype in the Chain

• چالش 7-1 نمونه اولیه را در زنجیره نمونه اولیه موجود قرار دهید CHALLENGE 7-1 Insert Prototype into the Existing Prototype Chain

• چالش 7-1 وارد کردن نمونه اولیه در زنجیره نمونه اولیه موجود - راه حل CHALLENGE 7-1 Insert Prototype into the Existing Prototype Chain - SOLUTION

• VIDEO - "instanceof" و "typeof" در زنجیره اولیه VIDEO - "instanceof" and "typeof" in the Prototype Chain

• چالش 7-2 رفع اشتباهات در سازنده های عملکرد CHALLENGE 7-2 Fix Mistakes in the Function Constructors

• چالش 7-2 رفع اشتباهات در سازنده عملکرد - راه حل CHALLENGE 7-2 Fix Mistakes in the Function Constructors - SOLUTION

• VIDEO - کلاس ها - بررسی اجمالی VIDEO - Classes - Overview

• ویدئو - کلاس‌ها در مقابل سازنده‌های عملکرد VIDEO - Classes vs Function Constructors

• تمرین - کلاس ها - بخش 1 PRACTICE - Classes - PART 1

• تمرین - کلاس ها - بخش 2 PRACTICE - Classes - PART 2

• تمرین - کلاس ها - قسمت 3 PRACTICE - Classes - PART 3

• چالش 7-3 سازنده های تابع را به کلاس ها تبدیل کنید CHALLENGE 7-3 Convert Function Constructors to Classes

• چالش 7-3 تبدیل سازنده های تابع به کلاس ها - راه حل CHALLENGE 7-3 Convert Function Constructors to Classes - SOLUTION

• چالش 7-4 گسترش آرایه CHALLENGE 7-4 Extend Array

• چالش 7-4 گسترش آرایه - راه حل CHALLENGE 7-4 Extend Array - SOLUTION

• روش فشار سفارشی برای آرایه ها چالش 7-5 CHALLENGE 7-5 Custom Push Method for Arrays

• چالش 7-5 روش فشار سفارشی برای آرایه ها - راه حل CHALLENGE 7-5 Custom Push Method for Arrays - SOLUTION

• ویدئو - کلاس های React و ES6 VIDEO - React and ES6 Classes

• چالش 7-6 کلاس در React - دکمه اضافی CHALLENGE 7-6 Classes in React - Additional Button

• چالش 7-6 کلاس در React - دکمه اضافی - راه حل CHALLENGE 7-6 Classes in React - Additional Button - SOLUTION

مقدمه بابل Babel Introduction

• معرفی ماژول Babel Babel Module Introduction

• ویدئو - کامپایلر چیست؟ VIDEO - What is Compiler?

• ویدئو - زبان های کامپایل شده در مقابل زبان های تفسیر شده VIDEO - Compiled vs Interpreted languages

• ویدئو - ترانسپایلر VIDEO - Transpiler

• VIDEO - Transpling vs Compiling VIDEO - Transpling vs Compiling

• ویدئو - ES5، ES6 و جاوا اسکریپت VIDEO - ES5, ES6 and JavaScript

• ویدئو - بابل چه می کند؟ VIDEO - What Babel does?

• ویدئو - چرا به بابل نیاز داریم؟ VIDEO - Why do we need Babel?

• VIDEO - پشتیبانی از ES6 توسط مرورگرها VIDEO - ES6 support by Browsers

• ویدئو - چند مرورگر به کد ES5 کامپایل شده نیاز دارند؟ VIDEO - How many browsers need compiled ES5 code?

• تمرین - Babel در عمل - اپراتور ES6 Rest PRACTICE - Babel in action - ES6 Rest operator

• تمرین - مقایسه عملکرد - ES6 Rest Operator(Node.js) PRACTICE - Compare performance - ES6 Rest Operator(Node.js)

• تمرین - مقایسه عملکرد - ES6 Rest Operator (Google Chrome) PRACTICE - Compare Performance - ES6 Rest Operator (Google Chrome)

• چالش - مقایسه عملکرد - تخریب ساختار ES6 CHALLENGE - Compare Performance - ES6 Destructuring

• CHALLENGE - مقایسه عملکرد - ES6 Destructurng - SOLUTION CHALLENGE - Compare Performance - ES6 Destructurng - SOLUTION

• VIDEO - User Agent چیست؟ VIDEO - What is User Agent?

• VIDEO - فایل های JS مختلف را به مرورگرهای مختلف ارائه دهید VIDEO - Serve different JS files to different browers

• VIDEO - فایل های JS مختلف روی سرور VIDEO - Different JS files on the server

• تمرین - تشخیص مرورگر در مشتری PRACTICE - Browser detection on the client

• چالش - پشتیبانی از ویژگی را در مرورگر شناسایی کنید CHALLENGE - Detect feature support in the Browser

• چالش - شناسایی پشتیبانی از ویژگی در مرورگر - راه حل CHALLENGE - Detect feature support in the Browser - SOLUTION

• چالش - برچسب های اسکریپت مختلف را در DOM وارد کنید CHALLENGE - Insert different script tags into the DOM

• چالش - برچسب های اسکریپت مختلف را در DOM - SOLUTION وارد کنید CHALLENGE - Insert different script tags into the DOM - SOLUTION

• ویدئو - بابل چگونه کار می کند؟ VIDEO - How Babel Works?

• تمرین - کامپایلر آنلاین بابل PRACTICE - Online Babel Compiler

• ویدیو - Babel را به صورت جهانی نصب کنید VIDEO - Install Babel Globally

• تمرین - فایل JS را با استفاده از Babel کامپایل کنید PRACTICE - Compile JS file using Babel

• VIDEO - پلاگین ها و تنظیمات از پیش تعیین شده VIDEO - Plugins and Presets

NPM - Node Package Manager NPM - Node Package Manager

NPM - Node Package Manager NPM - Node Package Manager

• ویدئو - مقدمه ای بر NPM VIDEO - Introduction to the NPM

• ویدئو - مقدمه ای بر NPM VIDEO - Introduction to the NPM

• تمرین - کاوش بسته های NPM PRACTICE - Exploring NPM packages

• تمرین - کاوش بسته های NPM PRACTICE - Exploring NPM packages

• VIDEO - Package.json و init VIDEO - Package.json and init

• VIDEO - Package.json و init VIDEO - Package.json and init

• ویدئو - نسخه سازی معنایی VIDEO - Semantic Versioning

• ویدئو - نسخه سازی معنایی VIDEO - Semantic Versioning

• VIDEO - نصب بسته ها VIDEO - Packages Installation

• VIDEO - نصب بسته ها VIDEO - Packages Installation

• تمرین - بسته را در پروژه نصب کنید PRACTICE - Install package in the project

• تمرین - بسته را در پروژه نصب کنید PRACTICE - Install package in the project

• چالش - بسته Semver را نصب کنید CHALLENGE - Install Semver package

• چالش - بسته Semver را نصب کنید CHALLENGE - Install Semver package

• ✔ چالش - بسته Semver را نصب کنید - راه حل ✔ CHALLENGE - Install Semver Package - SOLUTION

• ✔ چالش - بسته Semver را نصب کنید - راه حل ✔ CHALLENGE - Install Semver Package - SOLUTION

• تمرین - فهرست مرورگرها را نصب کنید - بسته با وابستگی های خود PRACTICE - Install Browserslist - package with own dependencies

• تمرین - فهرست مرورگرها را نصب کنید - بسته با وابستگی های خود PRACTICE - Install Browserslist - package with own dependencies

• ویدئو - وابستگی ها و وابستگی های توسعه VIDEO - Dependencies and Development Dependencies

• ویدئو - وابستگی ها و وابستگی های توسعه VIDEO - Dependencies and Development Dependencies

• تمرین - وابستگی های توسعه را بررسی کنید PRACTICE - Examine Development Dependencies

• تمرین - وابستگی های توسعه را بررسی کنید PRACTICE - Examine Development Dependencies

• تمرین - برنامه مرورگر در مقابل بسته سرور PRACTICE - Browser App vs Server Package

• تمرین - برنامه مرورگر در مقابل بسته سرور PRACTICE - Browser App vs Server Package

• چالش - برنامه مرورگر ساعت CHALLENGE - Clock Browser Application

• چالش - برنامه مرورگر ساعت CHALLENGE - Clock Browser Application

• ✔ چالش - برنامه مرورگر ساعت - راه حل ✔ CHALLENGE - Clock Browser Application - SOLUTION

• ✔ چالش - برنامه مرورگر ساعت - راه حل ✔ CHALLENGE - Clock Browser Application - SOLUTION

• ویدئو - خلاصه چالش ساعت VIDEO - Clock Challenge Summary

• ویدئو - خلاصه چالش ساعت VIDEO - Clock Challenge Summary

• VIDEO - برنامه مرورگر در مقابل بسته عمومی VIDEO - Browser App vs Public Package

• VIDEO - برنامه مرورگر در مقابل بسته عمومی VIDEO - Browser App vs Public Package

• تمرین - کاوش اطلاعات بسته و نسخه PRACTICE - Exploring Package Information and Versions

• تمرین - کاوش اطلاعات بسته و نسخه PRACTICE - Exploring Package Information and Versions

• تمرین - نصب نسخه بسته خاص PRACTICE - Installing Specific Package Version

• تمرین - نصب نسخه بسته خاص PRACTICE - Installing Specific Package Version

• ویدئو - چرا فایل package-lock.json مورد نیاز است؟ VIDEO - Why package-lock.json file is needed?

• ویدئو - چرا فایل package-lock.json مورد نیاز است؟ VIDEO - Why package-lock.json file is needed?

• چالش - نسخه بسته قدیمی را بدون فایل قفل دوباره نصب کنید CHALLENGE - Reinstall old package version without lock file

• چالش - نسخه بسته قدیمی را بدون فایل قفل دوباره نصب کنید CHALLENGE - Reinstall old package version without lock file

• ✔ CHALLENGE - نسخه بسته قدیمی را بدون فایل قفل مجدد نصب کنید - راه حل ✔ CHALLENGE - Reinstall old package version without lock file - SOLUTION

• ✔ CHALLENGE - نسخه بسته قدیمی را بدون فایل قفل مجدد نصب کنید - راه حل ✔ CHALLENGE - Reinstall old package version without lock file - SOLUTION

• ویدئو - نحوه مدیریت فایل قفل VIDEO - How lock file is handled

• ویدئو - نحوه مدیریت فایل قفل VIDEO - How lock file is handled

• VIDEO - خلاصه فایل قفل VIDEO - Lock file summary

• VIDEO - خلاصه فایل قفل VIDEO - Lock file summary

• VIDEO - مرور کلی بسته های NPM را به روز کنید VIDEO - Update NPM packages overview

• VIDEO - مرور کلی بسته های NPM را به روز کنید VIDEO - Update NPM packages overview

• چالش - وابستگی های پروژه را به روز کنید CHALLENGE - Update project dependencies

• چالش - وابستگی های پروژه را به روز کنید CHALLENGE - Update project dependencies

• ✔ چالش - به روز رسانی وابستگی های پروژه - راه حل ✔ CHALLENGE - Update project dependencies - SOLUTION

• ✔ چالش - به روز رسانی وابستگی های پروژه - راه حل ✔ CHALLENGE - Update project dependencies - SOLUTION

• ویدئو - مقدمه ای بر اسکریپت های NPM VIDEO - Introduction to the NPM scripts

• ویدئو - مقدمه ای بر اسکریپت های NPM VIDEO - Introduction to the NPM scripts

• تمرین - اسکریپت npm را شروع کنید PRACTICE - Start npm script

• تمرین - اسکریپت npm را شروع کنید PRACTICE - Start npm script

• چالش - ایجاد اسکریپت از پیش شروع CHALLENGE - Create prestart script

• چالش - ایجاد اسکریپت از پیش شروع CHALLENGE - Create prestart script

• ✔ چالش - ایجاد اسکریپت از پیش شروع - راه حل ✔ CHALLENGE - Create prestart script - SOLUTION

• ✔ چالش - ایجاد اسکریپت از پیش شروع - راه حل ✔ CHALLENGE - Create prestart script - SOLUTION

• تمرین - اسکریپت های NPM سفارشی PRACTICE - Custom NPM scripts

• تمرین - اسکریپت های NPM سفارشی PRACTICE - Custom NPM scripts

• چالش - اسکریپت های NPM را به طور همزمان اجرا کنید CHALLENGE - Run NPM scripts simultaneously

• چالش - اسکریپت های NPM را به طور همزمان اجرا کنید CHALLENGE - Run NPM scripts simultaneously

• ✔ چالش - اسکریپت های NPM را به طور همزمان اجرا کنید - راه حل ✔ CHALLENGE - Run NPM scripts simultaneously - SOLUTION

• ✔ چالش - اسکریپت های NPM را به طور همزمان اجرا کنید - راه حل ✔ CHALLENGE - Run NPM scripts simultaneously - SOLUTION

• VIDEO - پوشه NPM .bin با اسکریپت های اجرایی VIDEO - NPM .bin Folder with Executable Scripts

• VIDEO - پوشه NPM .bin با اسکریپت های اجرایی VIDEO - NPM .bin Folder with Executable Scripts

• تمرین - پوشه .bin را در مک کاوش کنید PRACTICE - Explore .bin Folder on the Mac

• تمرین - پوشه .bin را در مک کاوش کنید PRACTICE - Explore .bin Folder on the Mac

• تمرین - پوشه .bin را در ویندوز کاوش کنید PRACTICE - Explore .bin Folder on Windows

• تمرین - پوشه bin. را در ویندوز کاوش کنید PRACTICE - Explore .bin Folder on Windows

• ویدئو - جمع بندی اسکریپت های NPM VIDEO - NPM Scripts Wrap-Up

• ویدئو - جمع بندی اسکریپت های NPM VIDEO - NPM Scripts Wrap-Up