آموزش جاوا اسکریپت مدرن از ابتدا [ویدئو]

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

مقدمه و شروع Intro & Getting Started

• به دوره خوش آمدید Welcome To the Course

• فایل ها و سوالات پروژه Project Files & Questions

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

اصول زبان جاوا اسکریپت JavaScript Language Fundamentals

• بخش معرفی و تنظیم فایل Section Intro & File Setup

• با استفاده از کنسول Using the Console

• متغیرها - var، let & const Variables - var, let & const

• انواع داده ها در جاوا اسکریپت Data Types in JavaScript

• تبدیل نوع Type Conversion

• اعداد و شیء ریاضی Numbers & the Math Object

• روش های رشته و الحاق String Methods & Concatenation

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

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

• لفظ شیء Object Literals

• تاریخ و زمان Dates & Times

• اگر اظهارات و اپراتورهای مقایسه If Statements & Comparison Operators

• سوئیچ ها Switches

• اعلان ها و عبارات تابع Function Declarations & Expressions

• حلقه های عمومی General Loops

• نگاهی به شی پنجره A Look at the Window Object

• Block Scope با let & const Block Scope With let & const

دستکاری DOM و رویدادها DOM Manipulation & Events

• DOM چیست؟ What Is The DOM?

• بررسی شیء سند Examining the Document Object

• انتخابگرهای DOM برای عناصر منفرد DOM Selectors for Single Elements

• انتخابگرهای DOM برای چندین عنصر DOM Selectors for Multiple Elements

• عبور از DOM Traversing the DOM

• ایجاد عناصر Creating Elements

• حذف و جایگزینی عناصر Removing & Replacing Elements

• شنوندگان رویداد و شی رویداد Event Listeners & the Event Object

• رویدادهای ماوس Mouse Events

• صفحه کلید و رویدادهای ورودی Keyboard & Input Events

• رویداد حباب و نمایندگی Event Bubbling & Delegation

• ذخیره‌سازی محلی و جلسه Local & Session Storage

پروژه های DOM DOM Projects

• لیست وظایف [بخش 1] - UI و افزودن موارد کار Task List [Part 1] - UI & Add Task Items

• لیست وظایف [بخش 2] - حذف و فیلتر کردن وظایف Task List [Part 2] - Delete & Filter Tasks

• لیست وظایف [بخش 3] - ادامه در ذخیره سازی محلی Task List [Part 3] - Persist To Local Storage

• ماشین حساب وام [بخش 1] - UI را بسازید Loan Calculator [Part 1] - Build the UI

• ماشین حساب وام [بخش 2] - محاسبه و خطا Loan Calculator [Part 2] - Calculate & Error

• ماشین حساب وام [بخش 3] - لودر و تجربه کاربر Loan Calculator [Part 3] - Loader & User Experience

• Number Guesser [بخش 1] - UI را بسازید Number Guesser [Part 1] - Build the UI

• شماره حدس [بخش 2] - اعتبارسنجی و مورد برنده Number Guesser [Part 2] - Validation & Winning Case

• Number Guesser [Part 3] - Lose Case & Game Over Number Guesser [Part 3] - Lose Case & Game Over

• Number Guesser [Part 4] - Play Again Number Guesser [Part 4] - Play Again

جاوا اسکریپت شی گرا - ES5 و ES2015 Object Oriented JavaScript - ES5 & ES2015

• سازندگان و کلمه کلیدی "این". Constructors & the 'this' Keyword

• ساخته شده در سازندگان Built In Constructors

• نمونه های اولیه توضیح داده شده است Prototypes Explained

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

• با استفاده از Object.create Using Object.create

• کلاس های ES6 ES6 Classes

• زیر کلاس ها Sub Classes

پروژه فهرست کتاب OOP OOP Book List Project

• رابط کاربری فهرست کتاب را بسازید Build the Book List UI

• افزودن کتاب به لیست Add Book to List

• اعتبارسنجی و هشدار Validation & Alert

• حذف کتاب از لیست Delete Book from List

• تبدیل به کلاس های ES6 Convert to ES6 Classes

• جایزه - اضافه کردن فضای ذخیره سازی محلی Bonus - Add Local Storage

جاوا اسکریپت ناهمزمان، Ajax و API واکشی Asynchronous JavaScript, Ajax & Fetch API

• برنامه نویسی ناهمزمان چیست؟ What Is Asynchronous Programming?

• Ajax & XHR مقدمه Ajax & XHR Introduction

• روش‌های شیء XHR و کار با متن XHR Object Methods & Working with Text

• کار با Ajax & JSON Working With Ajax & JSON

• داده‌های یک API خارجی - پروژه چاک نوریس Data from an External API - Chuck Norris Project

• REST API ها و درخواست های HTTP REST APIs & HTTP Requests

• توابع پاسخ به تماس Callback Functions

• کتابخانه سفارشی HTTP (Ajax با Callbacks) - قسمت 1 Custom HTTP Library (Ajax with Callbacks) - Part 1

• کتابخانه سفارشی HTTP (Ajax با Callbacks) - قسمت 2 Custom HTTP Library (Ajax with Callbacks) - Part 2

• وعده های ES6 ES6 Promises

• Fetch API The Fetch API

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

• کتابخانه سفارشی HTTP (واکشی با وعده ها) - قسمت 3 Custom HTTP Library (Fetch with Promises) - Part 3

• Async & Await Async & Await

• کتابخانه سفارشی HTTP (واکشی با Async در انتظار) - قسمت 4 Custom HTTP Library (Fetch with Async Await) - Part 4

پروژه های API API Projects

• Github Finder [بخش 1] - معرفی و رابط کاربری Github Finder [Part 1] - Intro & UI

• Github Finder [بخش 2] - واکشی داده های نمایه Github Finder [Part 2] - Fetching Profile Data

• Github Finder [بخش 3] - نمایه را نمایش دهید Github Finder [Part 3] - Display the Profile

• Github Finder [بخش 4] - نمایش پیام هشدار Github Finder [Part 4] - Show Alert Message

• Github Finder [بخش 5] - Fetch & Display Repos Github Finder [Part 5] - Fetch & Display Repos

• WeatherJS [بخش 1] - مقدمه و رابط کاربری WeatherJS [Part 1] - Intro & UI

• WeatherJS [بخش 2] - آب و هوا را از API واکشی کنید WeatherJS [Part 2] - Fetch Weather from API

• WeatherJS [بخش 3] - نمایش آب و هوا WeatherJS [Part 3] - Display the Weather

• WeatherJS [بخش 4] - مکان را در محل ذخیره سازی ذخیره کنید WeatherJS [Part 4] - Save Location to Local Storage

مدیریت خطا و عبارات منظم Error Handling & Regular Expressions

• رسیدگی به خطا با Try...Catch Error Handling with Try...Catch

• عبارات منظم [بخش 1] - توابع ارزیابی Regular Expressions [Part 1] - Evaluation Functions

• عبارات با قاعده [بخش 2] - نمادهای فراکاراکتر Regular Expressions [Part 2] - Metacharacter Symbols

• عبارات با قاعده [قسمت 3] - مجموعه کاراکترها و کمیت کننده ها Regular Expressions [Part 3] - Character Sets & Quantifiers

• عبارات با قاعده [قسمت 4] - کلاس های کاراکتر کوتاه Regular Expressions [Part 4] - Shorthand Character Classes

• عبارات منظم - پروژه اعتبار سنجی فرم Regular Expressions - Form Validation Project

سایر ویژگی های جدیدتر - ES2015+ Other Newer Features - ES2015+

• تکرار کننده و مولد Iterators & Generators

• پروفیل اسکرول - پروژه Iterator Mini Profile Scroller - Iterator Mini Project

• نمادها Symbols

• در حال تخریب Destructuring

• نقشه های ES6 ES6 Maps

• مجموعه ES6 ES6 Sets

الگوهای جاوا اسکریپت JavaScript Patterns

• الگوها چیست؟ What Are Patterns?

• ماژول و آشکار کردن الگوی ماژول Module & Revealing Module Pattern

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

• الگوی کارخانه Factory Pattern

• الگوی مشاهده گر Observer Pattern

• الگوی میانجی Mediator Pattern

• الگوی دولتی - پروژه کوچک State Pattern - Small Project

پروژه Tracalorie (با استفاده از الگوی ماژول) Tracalorie Project (Using the Module Pattern)

• معرفی پروژه Project Introduction

• ایجاد رابط کاربری با Materialize CSS Creating the UI With Materialize CSS

• کنترلرها و ساختار داده Controllers & Data Structure

• موارد را دریافت و پر کنید Get & Populate Items

• افزودن آیتم به ساختار داده Add Item to Data Structure

• آیتم را به UI اضافه کنید Add Item to the UI

• کل کالری را اضافه کنید Add Total Calories

• کار با حالت ویرایش Working With the Edit State

• به روز رسانی اقلام و کل کالری Updating Items & Total Calories

• حذف و پاک کردن موارد Delete & Clear Items

• افزودن و دریافت از فضای ذخیره‌سازی محلی Add & Get From Local Storage

• حذف و پاک کردن از حافظه محلی Delete & Clear from Local Storage

پروژه Microposts - CRUD Front End (Webpack & Babel) Microposts Project - CRUD Front End (Webpack & Babel)

• راه اندازی محیط Babel & Webpack Babel & Webpack Environment Setup

• معرفی ماژول های ES2015 Intro to ES2015 Modules

• UI ایجاد کنید Create the UI

• یک REST API جعلی با استفاده از سرور JSON ایجاد کنید Create a fake REST API Using JSON Server

• دریافت و نمایش پست ها Get & Display Posts

• افزودن پست ها و نمایش هشدار Add Posts & Show Alert

• پست ویرایش وضعیت و به روز رسانی [1] Post Edit State & Update [1]

• ارسال وضعیت ویرایش و به‌روزرسانی [2] Post Edit State & Update [2]

بسته شدن Wrap Up

• جمع بندی و از اینجا کجا برویم Wrap Up & Where to Go From Here