آموزش کامل جاوا اسکریپت و ES6 - (شامل ES7 و React)

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

معرفی دوره Introducing the Course

• معرفی دوره Introducing the Course

• طرح کلی دوره Outline of the Course

• نصب یک ویرایشگر کد Installing a Code Editor

• راه اندازی با Node Setting Up with Node

• دریافت کد منبع Getting the Source Code

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

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

• درک HTML Understanding HTML

• افزودن JS به HTML Adding JS to HTML

• مدل شیء سند (DOM) The Document Object Model (DOM)

• معرفی JS - A Review Introducing JS - A Review

زبان جاوا اسکریپت و ملزومات JavaScript Language and Essentials

• Javascript Language and Essentials - The Foundation Javascript Language and Essentials - the Foundation

• نحو، بیانیه ها و انواع داده ها Syntax, Statements, and Data Types

• متغیرها و انتساب Variables and Assignment

• اپراتورها Operators

• کمک! آیا می توانید این نحو را اصلاح کنید؟ Help! Can You Fix this Syntax?

• کمک! آیا می توانید این نحو را اصلاح کنید؟ | راه حل Help! Can You Fix This Syntax? | Solution

• کارکرد Functions

• اشیاء Objects

• آرایه ها و روش های آرایه Arrays and Array Methods

• رفیق توزین (توابع و اجسام) Weighing Buddy (Functions and Objects)

• رفیق توزین (توابع و اجسام) | راه حل Weighing Buddy (Functions and Objects) | Solution

• بولی ها و عملگرهای مقایسه Booleans and Comparison Operators

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

• تغییر بیانیه ها Switch Statements

• برای حلقه ها For Loops

• در حالی که حلقه ها While Loops

• زوج ها را به من نشان بده - شانس ها را به من نشان بده Show Me the Evens - Show me the Odds

• Show Me the Evens - Show Me the Odds | راه حل Show Me the Evens - Show Me the Odds | Solution

• زبان و ملزومات - مبانی | نمای کلی بخش Language and Essentials - the Foundations | Section Overview

راه اندازی یک محیط توسعه ES6 Setting up an ES6 Development Environment

• ارائه ES6، Babel، و Webpack Presenting ES6, Babel, and Webpack

• نکته ای برای دانش آموزان "ES6 Essentials". A Note for "ES6 Essentials" Students

• چرا ما به بابل نیاز داریم Why We Need Babel

• چگونه بابل کار می کند How Babel Works

• مزایای وب پک Benefits of Webpack

• راه اندازی پروژه و وب پک 4 Set Up Project and Webpack 4

• Webpack و محیط توسعه را پیکربندی کنید Configure Webpack and Development Environment

• Babel را با Webpack راه اندازی کنید Set Up Babel with Webpack

• Forking محیط کدگذاری Forking the Coding Environment

• راه اندازی یک محیط توسعه ES6 | نمای کلی بخش Setting Up an ES6 Development Environment | Section Overview

درک ES6 Essentials قسمت 1 Understanding ES6 Essentials Part 1

• ارائه سینتکس جدید ES6 Presenting New ES6 Syntax

• تکلیف با Let و Const Assignment with Let and Const

• کنترل با Block Scoping Control with Block Scoping

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

• عملیات و تخریب | پیش نمایش Operating and Destructuring | Preview

• پارامترهای Spread Operator و Rest Spread Operator and Rest Parameters

• تخصیص تخریب ساختار روی آرایه ها و اشیا Destructuring Assignment on Arrays and Objects

• امتحان اختیاری: نحو جدید ES6 Optional Quiz : New ES6 Syntax

• سنتز ES6 Syntax | نمای کلی بخش Synthesizing ES6 Syntax | Section Overview

درک ES6 Essentials قسمت 2 Understanding ES6 Essentials Part 2

• ارائه روش ها و ماژول ها Presenting Methods and Modules

• توابع پیکان Arrow Functions

• روش نقشه و فیلتر Map and Filter Method

• ارائه روش‌های داخلی اضافی ES6 Presenting Additional ES6 Built-in Methods

• روش های کمکی رشته String Helper Methods

• ماژول ها Modules

• آزمون اختیاری: روش ها و ماژول ها Optional Quiz : Methods and Modules

• روش ها و ماژول ها | نمای کلی بخش Methods and Modules | Section Overview

کلاس ها و نمونه های اولیه Classes and Prototypes

• ارائه کلاس ها Presenting Classes

• تعریف کلاس ها Defining Classes

• کلاس های ارثی Inheriting Classes

• روش های استاتیک در کلاس ها Static Methods in Classes

• Fender Bender (کلاس ها) Fender Bender (Classes)

• Fender Bender (کلاس ها) | راه حل Fender Bender (Classes) | Solution

• برجسته کردن تفاوت بین کلاس ها و نمونه های اولیه Highlighting Differences between Classes and ProtoTypes

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

• نمونه اولیه یک وسیله نقلیه Prototype a Vehicle

• نمونه اولیه یک وسیله نقلیه | راه حل Prototype a Vehicle | Solution

• کلاس ها و نمونه های اولیه | نمای کلی بخش Classes and Prototypes | Section Overview

ساختارهای داده در ES6 Data Structures in ES6

• ارائه ساختارهای داده در ES6 Presenting Data Structures in ES6

• نوشتن یک مجموعه Writing a Set

• آیا این کلمه حاوی این حرف است؟ (مجموعه ها) Does this Word Contain this Letter? (Sets)

• آیا این کلمه حاوی این حرف است؟ | راه حل Does this Word Contain this Letter? | Solution

• ارائه نقشه ها Presenting Maps

• نوشتن نقشه Writing a Map

• این نامه چند بار ظاهر می شود؟ (نقشه ها) How Many Times Does this Letter Appear? (Maps)

• این نامه چند بار ظاهر می شود؟ | راه حل How Many Times Does this Letter Appear? | Solution

• ساختارهای داده در ES6 | نمای کلی بخش Data Structures in ES6 | Section Overview

بسته شدن در ES6 Closures in ES6

• ارائه بسته ها Presenting Closures

• بسته شدن و محدوده Closures and Scoping

• کارخانجات عملکردی Function Factories

• کارخانه افزودن (تعطیلی) Addition Factory (Closures)

• کارخانه افزودنی (تعطیلی) | راه حل Addition Factory (Closures) | Solution

• روش های خصوصی Private Methods

• آزمون اختیاری: بررسی بسته ها Optional Quiz: Examining Closures

• بسته شدن در ES6 | نمای کلی بخش Closures in ES6 | Section Overview

ژنراتورهای ES6 ES6 Generators

• ارائه ژنراتورها Presenting Generators

• تعریف ژنراتور Defining a Generator

• نسل XYZ Generation XYZ

• نسل XYZ | راه حل Generation XYZ | Solution

• کنترل جریان با ژنراتورها Controlling Flow with Generators

• ژنراتورها در مقابل تکرار کننده ها Generators vs Iterators

• آزمون اختیاری | ژنراتورها در ES6 Optional Quiz | Generators in ES6

• ژنراتور ES6 | نمای کلی بخش ES6 Generators | Section Overview

برنامه نویسی ناهمزمان، وعده ها و API ها Asynchronous Programming, Promises, and APIs

• ارائه برنامه نویسی ناهمزمان و وعده ها Presenting Asynchronous Programming and Promises

• وعده ها Promises

• آزمون اختیاری: بررسی وعده ها و برنامه نویسی ناهمزمان Optional Quiz: Examining Promises and Asynchronous Programming

• ارائه روش‌های درخواست HTTP و واکشی Presenting HTTP Request Methods and Fetch

• API ها و ES6 Fetch APIs and ES6 Fetch

• امتحان اختیاری: بازبینی Fetch و HTTP Optional Quiz: Revisiting Fetch and HTTP

• برنامه نویسی ناهمزمان، وعده ها و API ها | نمای کلی بخش Asynchronous Programming, Promises, and APIs | Section Overview

پیشنهادات ES7 و ES8 ES7 and ES8 Proposals

• ارائه ES7 و بیشتر در EcmaScript Presenting ES7 and More on EcmaScript

• ES7: ویژگی های جدید ES7: New Features

• پیشنهاد ES8: دستکاری اشیاء بیشتر ES8 Proposal: More Object Manipulation

• پیشنهاد ES8: Async ES8 Proposal: Async

• آزمون اختیاری: بررسی پیشنهادات ES7 و ES8 Optional Quiz: Reviewing ES7 and ES8 Proposals

• پیشنهادات ES7 و ES8 | نمای کلی بخش ES7 and ES8 Proposals | Section Overview

پروژه: یک برنامه React و ES6 Project: A React and ES6 Application

• پیش نمایش برنامه Previewing the Application

• راه اندازی و JSX Setting Up and JSX

• یک کامپوننت جهانی بسازید Make a Global Component

• ایجاد کامپوننت ورودی Creating an Input Component

• معرفی ایالت Introducing State

• استایل دهی با CSS Styling with CSS

• واکشی کتابها Fetching Books

• افزودن کامپوننت گالری و معرفی لوازم Adding a Gallery Component and Introducing Props

• جزئیات گالری Gallery Details

• بررسی اجمالی React و ES6 | نمای کلی بخش Overviewing React and ES6 | Section Overview

سخنان پایانی Closing Remarks

• تبریک و مطالب بیشتر Congratulations and More Content

• اولین کسی باشید که در مورد مطالب و دوره های جدید می دانید! Be the First to Know about New Material and Courses!

• محتوای پاداش و تخفیف ویژه: دوره Vue JS Bonus Content and Special Discount: Vue JS Course

مواد منسوخ شده Deprecated Material

• منسوخ شده: راه اندازی با Webpack Deprecated: Setting Up With Webpack

• منسوخ شده: برخی از راه حل های عیب یابی Webpack Deprecated: Some Webpack Troubleshooting Solutions

• منسوخ شده: افزودن Babel به Webpack Deprecated: Adding Babel to Webpack