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

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

بررسی اجمالی دوره Course Overview

• خوش آمدی! Welcome!

• راهنمای PDF را بگیرید Grab the PDF Guide

بررسی اجمالی دوره Course Overview

• خوش آمدی! Welcome!

• راهنمای PDF را بگیرید Grab the PDF Guide

راه اندازی ماشین شما Setting up Your Machine

• بخش مقدمه: راه اندازی رایانه شما Section Intro: Setting up Your Computer

• نصب کد ویژوال استودیو Installing Visual Studio Code

• در حال نصب Node.js Installing Node.js

• [فقط ویندوز] cmder را نصب کنید [Windows Only] Install cmder

• معرفی ترمینال Introduction to the Terminal

• سلام جاوا اسکریپت! Hello JavaScript!

راه اندازی ماشین شما Setting up Your Machine

• بخش مقدمه: راه اندازی رایانه شما Section Intro: Setting up Your Computer

• نصب کد ویژوال استودیو Installing Visual Studio Code

• در حال نصب Node.js Installing Node.js

• [فقط ویندوز] cmder را نصب کنید [Windows Only] Install cmder

• معرفی ترمینال Introduction to the Terminal

• سلام جاوا اسکریپت! Hello JavaScript!

مبانی جاوا اسکریپت: متغیرها و کنترل جریان JavaScript Basics: Variables and Flow Control

• بخش معرفی: مبانی جاوا اسکریپت Section Intro: JavaScript Basics

• رشته ها و متغیرها Strings and Variables

• شماره Numbers

• اطلاعات بیشتر در مورد متغیرها More on Variables

• یک مبدل دما بسازید Build a Temperature Converter

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

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

• Advanced If Statements Advanced If Statements

• عملگرهای منطقی "And" و "Or". Logical "And" and "Or" Operators

• دامنه متغیر: قسمت اول Variable Scope: Part I

• دامنه متغیر: قسمت دوم Variable Scope: Part II

مبانی جاوا اسکریپت: متغیرها و کنترل جریان JavaScript Basics: Variables and Flow Control

• بخش معرفی: مبانی جاوا اسکریپت Section Intro: JavaScript Basics

• رشته ها و متغیرها Strings and Variables

• شماره Numbers

• اطلاعات بیشتر در مورد متغیرها More on Variables

• یک مبدل دما بسازید Build a Temperature Converter

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

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

• Advanced If Statements Advanced If Statements

• عملگرهای منطقی "And" و "Or". Logical "And" and "Or" Operators

• دامنه متغیر: قسمت اول Variable Scope: Part I

• دامنه متغیر: قسمت دوم Variable Scope: Part II

توابع جاوا اسکریپت JavaScript Functions

• بخش مقدمه: توابع جاوا اسکریپت Section Intro: JavaScript Functions

• مبانی تابع Function Basics

• تعریف نشده و پوچ Undefined and Null

• آرگومان های متعدد و پیش فرض های آرگومان Multiple Arguments and Argument Defaults

• محدوده عملکرد Function Scope

• رشته های الگو Template Strings

• یک ماشین حساب نمره بسازید Build a Grade Calculator

توابع جاوا اسکریپت JavaScript Functions

• بخش مقدمه: توابع جاوا اسکریپت Section Intro: JavaScript Functions

• مبانی تابع Function Basics

• تعریف نشده و پوچ Undefined and Null

• آرگومان های متعدد و پیش فرض های آرگومان Multiple Arguments and Argument Defaults

• محدوده عملکرد Function Scope

• رشته های الگو Template Strings

• یک ماشین حساب نمره بسازید Build a Grade Calculator

اشیاء جاوا اسکریپت JavaScript Objects

• بخش معرفی: اشیاء جاوا اسکریپت Section Intro: JavaScript Objects

• مبانی شی Object Basics

• استفاده از اشیاء با توابع Using Objects with Functions

• مراجع شی Object References

• یک ردیاب هزینه بسازید Build an Expense Tracker

• مواد و روش ها Methods

• کاوش روش های رشته ای Exploring String Methods

• کاوش روش های اعداد Exploring Number Methods

• متغیرهای ثابت Constant Variables

• پاداش: متغیرهای دارای var Bonus: Variables with var

اشیاء جاوا اسکریپت JavaScript Objects

• بخش معرفی: اشیاء جاوا اسکریپت Section Intro: JavaScript Objects

• مبانی شی Object Basics

• استفاده از اشیاء با توابع Using Objects with Functions

• مراجع شی Object References

• یک ردیاب هزینه بسازید Build an Expense Tracker

• مواد و روش ها Methods

• کاوش روش های رشته ای Exploring String Methods

• کاوش روش های اعداد Exploring Number Methods

• متغیرهای ثابت Constant Variables

• پاداش: متغیرهای دارای var Bonus: Variables with var

آرایه های جاوا اسکریپت JavaScript Arrays

• معرفی بخش: آرایه های جاوا اسکریپت Section Intro: JavaScript Arrays

• مبانی آرایه Array Basics

• دستکاری آرایه ها با روش ها Manipulating Arrays with Methods

• حلقه زدن روی آرایه ها Looping Over Arrays

• حلقه برای The For Loop

• جستجوی آرایه ها: قسمت اول Searching Arrays: Part I

• جستجوی آرایه ها: قسمت دوم Searching Arrays: Part II

• فیلتر کردن آرایه ها Filtering Arrays

• مرتب سازی آرایه ها Sorting Arrays

• ردیاب هزینه ما را بهبود بخشید Improve Our Expense Tracker

آرایه های جاوا اسکریپت JavaScript Arrays

• معرفی بخش: آرایه های جاوا اسکریپت Section Intro: JavaScript Arrays

• مبانی آرایه Array Basics

• دستکاری آرایه ها با روش ها Manipulating Arrays with Methods

• حلقه زدن روی آرایه ها Looping Over Arrays

• حلقه برای The For Loop

• جستجوی آرایه ها: قسمت اول Searching Arrays: Part I

• جستجوی آرایه ها: قسمت دوم Searching Arrays: Part II

• فیلتر کردن آرایه ها Filtering Arrays

• مرتب سازی آرایه ها Sorting Arrays

• ردیاب هزینه ما را بهبود بخشید Improve Our Expense Tracker

جاوا اسکریپت در مرورگر Javascript in the Browser

• بخش معرفی: جاوا اسکریپت در مرورگر Section Intro: Javascript in the Browser

• راه اندازی وب سرور Setting up a Web Server

• جاوا اسکریپت در مرورگر JavaScript in the Browser

• دستکاری DOM DOM Manipulation

• چالش DOM DOM Challenge

• افزودن عناصر از طریق DOM Adding Elements via the DOM

• مدیریت تعامل با کاربر Handling User Interaction

• پرس و جوهای پیشرفته Advanced Queries

• ورودی های متن و فیلتر کردن داده های زنده Text Inputs and Live Data Filtering

• ارائه داده های فیلتر شده ما Rendering Our Filtered Data

• چالش فیلتر Todo Todo Filter Challenge

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

• چک باکس ها Checkboxes

• کشویی Dropdowns

جاوا اسکریپت در مرورگر Javascript in the Browser

• بخش معرفی: جاوا اسکریپت در مرورگر Section Intro: Javascript in the Browser

• راه اندازی وب سرور Setting up a Web Server

• جاوا اسکریپت در مرورگر JavaScript in the Browser

• دستکاری DOM DOM Manipulation

• چالش DOM DOM Challenge

• افزودن عناصر از طریق DOM Adding Elements via the DOM

• مدیریت تعامل با کاربر Handling User Interaction

• پرس و جوهای پیشرفته Advanced Queries

• ورودی های متن و فیلتر کردن داده های زنده Text Inputs and Live Data Filtering

• ارائه داده های فیلتر شده ما Rendering Our Filtered Data

• چالش فیلتر Todo Todo Filter Challenge

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

• چک باکس ها Checkboxes

• کشویی Dropdowns

ذخیره سازی داده ها، کتابخانه ها و موارد دیگر Data Storage, Libraries, and More

• بخش مقدمه: ذخیره سازی داده ها، کتابخانه ها و موارد دیگر Section Intro: Data Storage, Libraries, and More

• ذخیره داده های ما در LocalStorage: بخش اول Saving Our Data in LocalStorage: Part I

• ذخیره داده های ما در LocalStorage: قسمت دوم Saving Our Data in LocalStorage: Part II

• تقسیم کد برنامه ما Splitting up Our Application Code

• چالش Refactor Refactor Challenge

• اشکال زدایی برنامه های ما Debugging Our Applications

• رندر پیچیده DOM Complex DOM Rendering

• راه اندازی کتابخانه شخص ثالث Setting up a Third-Party Library

• هدف گذاری توسط UUID Targeting by UUID

• چالش های چک باکس Checkbox Challenges

• صفحه ویرایش یادداشت: قسمت اول The Edit Note Page: Part I

• صفحه ویرایش یادداشت: قسمت دوم The Edit Note Page: Part II

• همگام سازی داده ها در بین صفحات Syncing Data Across Pages

• تاریخ های جاوا اسکریپت JavaScript Dates

• لحظه Moment

• تاریخ ادغام: قسمت اول Integrating Dates: Part I

• تاریخ ادغام: قسمت دوم Integrating Dates: Part II

• استراحت کنید Take a Break

ذخیره سازی داده ها، کتابخانه ها و موارد دیگر Data Storage, Libraries, and More

• بخش مقدمه: ذخیره سازی داده ها، کتابخانه ها و موارد دیگر Section Intro: Data Storage, Libraries, and More

• ذخیره داده های ما در LocalStorage: بخش اول Saving Our Data in LocalStorage: Part I

• ذخیره داده های ما در LocalStorage: قسمت دوم Saving Our Data in LocalStorage: Part II

• تقسیم کد برنامه ما Splitting up Our Application Code

• چالش Refactor Refactor Challenge

• اشکال زدایی برنامه های ما Debugging Our Applications

• رندر پیچیده DOM Complex DOM Rendering

• راه اندازی کتابخانه شخص ثالث Setting up a Third-Party Library

• هدف گذاری توسط UUID Targeting by UUID

• چالش های چک باکس Checkbox Challenges

• صفحه ویرایش یادداشت: قسمت اول The Edit Note Page: Part I

• صفحه ویرایش یادداشت: قسمت دوم The Edit Note Page: Part II

• همگام سازی داده ها در بین صفحات Syncing Data Across Pages

• تاریخ های جاوا اسکریپت JavaScript Dates

• لحظه Moment

• تاریخ ادغام: قسمت اول Integrating Dates: Part I

• تاریخ ادغام: قسمت دوم Integrating Dates: Part II

• استراحت کنید Take a Break

گسترش دانش جاوا اسکریپت ما Expanding Our JavaScript Knowledge

• بخش مقدمه: گسترش دانش جاوا اسکریپت ما Section Intro: Expanding Our JavaScript Knowledge

• توابع پیکان: قسمت اول Arrow Functions: Part I

• توابع پیکان: قسمت دوم Arrow Functions: Part II

• اپراتور مشروط (سه تایی). Conditional (Ternary) Operator

• ارزش های درست و نادرست Truthy and Falsy Values

• نوع اجبار Type Coercion

• خطاهای گرفتن و پرتاب Catching and Throwing Errors

• رسیدگی به خطاهای برنامه Handling Application Errors

• کار در حالت سخت Working in Strict Mode

گسترش دانش جاوا اسکریپت ما Expanding Our JavaScript Knowledge

• بخش مقدمه: گسترش دانش جاوا اسکریپت ما Section Intro: Expanding Our JavaScript Knowledge

• توابع پیکان: قسمت اول Arrow Functions: Part I

• توابع پیکان: قسمت دوم Arrow Functions: Part II

• اپراتور مشروط (سه تایی). Conditional (Ternary) Operator

• ارزش های درست و نادرست Truthy and Falsy Values

• نوع اجبار Type Coercion

• خطاهای گرفتن و پرتاب Catching and Throwing Errors

• رسیدگی به خطاهای برنامه Handling Application Errors

• کار در حالت سخت Working in Strict Mode

اشیاء و توابع پیشرفته Advanced Objects and Functions

• بخش مقدمه: اشیاء و توابع پیشرفته Section Intro: Advanced Objects and Functions

• برنامه نویسی شی گرا Object Oriented Programming

• توابع سازنده Constructor Functions

• راه اندازی Prototype Object Setting up the Prototype Object

• چالش جلاد: قسمت اول Hangman Challenge: Part I

• کاوش در وراثت اولیه Digging Into Prototypical Inheritance

• بدوی و اشیاء: قسمت اول Primitives and Objects: Part I

• بدوی و اشیاء: قسمت دوم Primitives and Objects: Part II

• چالش جلاد: قسمت دوم Hangman Challenge: Part II

• چالش جلاد: قسمت سوم Hangman Challenge: Part III

• چالش جلاد: قسمت چهارم Hangman Challenge: Part IV

• نحو کلاس The Class Syntax

• ایجاد زیر کلاس ها Creating Subclasses

• گیرندگان و ستترها Getters and Setters

• به روز رسانی: تعمیر یک Edge Case Update: Fixing an Edge Case

اشیاء و توابع پیشرفته Advanced Objects and Functions

• بخش مقدمه: اشیاء و توابع پیشرفته Section Intro: Advanced Objects and Functions

• برنامه نویسی شی گرا Object Oriented Programming

• توابع سازنده Constructor Functions

• راه اندازی Prototype Object Setting up the Prototype Object

• چالش جلاد: قسمت اول Hangman Challenge: Part I

• کاوش در وراثت اولیه Digging Into Prototypical Inheritance

• بدوی و اشیاء: قسمت اول Primitives and Objects: Part I

• بدوی و اشیاء: قسمت دوم Primitives and Objects: Part II

• چالش جلاد: قسمت دوم Hangman Challenge: Part II

• چالش جلاد: قسمت سوم Hangman Challenge: Part III

• چالش جلاد: قسمت چهارم Hangman Challenge: Part IV

• نحو کلاس The Class Syntax

• ایجاد زیر کلاس ها Creating Subclasses

• گیرندگان و ستترها Getters and Setters

• به روز رسانی: تعمیر یک Edge Case Update: Fixing an Edge Case

جاوا اسکریپت ناهمزمان Asynchronous JavaScript

• بخش مقدمه: جاوا اسکریپت ناهمزمان Section Intro: Asynchronous JavaScript

• درخواست های HTTP از جاوا اسکریپت HTTP Requests from JavaScript

• سرصفحه ها و خطاهای HTTP HTTP Headers and Errors

• کاوش یک API دیگر Exploring Another API

• Callback Abstraction Callback Abstraction

• اجرای ناهمزمان در مقابل اجرای همزمان Asynchronous vs. Synchronous Execution

• چالش انتزاع پاسخ به تماس Callback Abstraction Challenge

• بسته شدن Closures

• کاوش در وعده ها Exploring Promises

• تبدیل به وعده Converting to Promises

• وعده زنجیر Promise Chaining

• Fetch API The Fetch API

• یک چالش واکشی A Fetch Challenge

• چالش وعده ای A Promise Challenge

• Async/Await Async/Await

• Async/Await Challenge Async/Await Challenge

• ادغام داده ها در برنامه Integrating Data into the Application

جاوا اسکریپت ناهمزمان Asynchronous JavaScript

• بخش مقدمه: جاوا اسکریپت ناهمزمان Section Intro: Asynchronous JavaScript

• درخواست های HTTP از جاوا اسکریپت HTTP Requests from JavaScript

• سرصفحه ها و خطاهای HTTP HTTP Headers and Errors

• کاوش یک API دیگر Exploring Another API

• Callback Abstraction Callback Abstraction

• اجرای ناهمزمان در مقابل اجرای همزمان Asynchronous vs. Synchronous Execution

• چالش انتزاع پاسخ به تماس Callback Abstraction Challenge

• بسته شدن Closures

• کاوش در وعده ها Exploring Promises

• تبدیل به وعده Converting to Promises

• وعده زنجیر Promise Chaining

• Fetch API The Fetch API

• یک چالش واکشی A Fetch Challenge

• چالش وعده ای A Promise Challenge

• Async/Await Async/Await

• Async/Await Challenge Async/Await Challenge

• ادغام داده ها در برنامه Integrating Data into the Application

تم های برنامه App Themes

• بخش معرفی: تم های برنامه Section Intro: App Themes

• CSS در یک نگاه CSS at a Glance

• تنظیم تم جلاد Setting up the Hangman Theme

• تنظیم موضوع یادداشت ها: قسمت اول Setting up the Notes Theme: Part I

• تنظیم موضوع یادداشت ها: قسمت دوم Setting up the Notes Theme: Part II

• تنظیم موضوع کارها: قسمت اول Setting up the To-Do Theme: Part I

• تنظیم موضوع کارها: قسمت دوم Setting up the To-Do Theme: Part II

• میزبانی برنامه های شما Hosting Your Applications

تم های برنامه App Themes

• بخش معرفی: تم های برنامه Section Intro: App Themes

• CSS در یک نگاه CSS at a Glance

• تنظیم تم جلاد Setting up the Hangman Theme

• تنظیم موضوع یادداشت ها: قسمت اول Setting up the Notes Theme: Part I

• تنظیم موضوع یادداشت ها: قسمت دوم Setting up the Notes Theme: Part II

• تنظیم موضوع کارها: قسمت اول Setting up the To-Do Theme: Part I

• تنظیم موضوع کارها: قسمت دوم Setting up the To-Do Theme: Part II

• میزبانی برنامه های شما Hosting Your Applications

(جدید) جاوا اسکریپت پیشرفته با Babel و Webpack (NEW) Cutting-Edge JavaScript with Babel and Webpack

• بخش معرفی: جاوا اسکریپت پیشرفته با Babel و Webpack Section Intro: Cutting-Edge JavaScript with Babel and Webpack

• مشکل: سازگاری بین مرورگرها The Problem: Cross-Browser Compatibility

• کاوش در بابل Exploring Babel

• راه اندازی دیگ بخار ما Setting up Our Boilerplate

• اجتناب از ماژول های جهانی Avoiding Global Modules

• کاوش پک وب Exploring Webpack

• راه اندازی Webpack Setting up Webpack

• ماژول های جاوا اسکریپت: قسمت اول JavaScript Modules: Part I

• ماژول های جاوا اسکریپت: قسمت دوم JavaScript Modules: Part II

• اضافه کردن Babel به Webpack Adding Babel into Webpack

• سرور توسعه دهنده Webpack Webpack Dev Server

• محیط ها و نقشه های منبع Environments and Source Maps

• تبدیل برنامه جلاد Converting Hangman App

• استفاده از کتابخانه های شخص ثالث Using Third-Party Libraries

• برنامه تبدیل یادداشت ها: قسمت اول Converting Notes App: Part I

• برنامه تبدیل یادداشت ها: قسمت دوم Converting Notes App: Part II

• برنامه تبدیل یادداشت ها: قسمت سوم Converting Notes App: Part III

• برنامه تبدیل یادداشت ها: قسمت چهارم Converting Notes App: Part IV

• تنظیم تبدیل برنامه کاری انجام To-Do App Conversion Setup

• تبدیل برنامه کارها: قسمت اول Converting To-Do App: Part I

• تبدیل برنامه کارها: قسمت دوم Converting To-Do App: Part II

• پارامتر بقیه The Rest Parameter

• نحو گسترش The Spread Syntax

• نحو گسترش شی The Object Spread Syntax

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

(جدید) جاوا اسکریپت پیشرفته با Babel و Webpack (NEW) Cutting-Edge JavaScript with Babel and Webpack

• بخش معرفی: جاوا اسکریپت پیشرفته با Babel و Webpack Section Intro: Cutting-Edge JavaScript with Babel and Webpack

• مشکل: سازگاری بین مرورگرها The Problem: Cross-Browser Compatibility

• کاوش در بابل Exploring Babel

• راه اندازی دیگ بخار ما Setting up Our Boilerplate

• اجتناب از ماژول های جهانی Avoiding Global Modules

• کاوش پک وب Exploring Webpack

• راه اندازی Webpack Setting up Webpack

• ماژول های جاوا اسکریپت: قسمت اول JavaScript Modules: Part I

• ماژول های جاوا اسکریپت: قسمت دوم JavaScript Modules: Part II

• اضافه کردن Babel به Webpack Adding Babel into Webpack

• سرور توسعه دهنده Webpack Webpack Dev Server

• محیط ها و نقشه های منبع Environments and Source Maps

• تبدیل برنامه جلاد Converting Hangman App

• استفاده از کتابخانه های شخص ثالث Using Third-Party Libraries

• برنامه تبدیل یادداشت ها: قسمت اول Converting Notes App: Part I

• برنامه تبدیل یادداشت ها: قسمت دوم Converting Notes App: Part II

• برنامه تبدیل یادداشت ها: قسمت سوم Converting Notes App: Part III

• برنامه تبدیل یادداشت ها: قسمت چهارم Converting Notes App: Part IV

• تنظیم تبدیل برنامه کاری انجام To-Do App Conversion Setup

• تبدیل برنامه کارها: قسمت اول Converting To-Do App: Part I

• تبدیل برنامه کارها: قسمت دوم Converting To-Do App: Part II

• پارامتر بقیه The Rest Parameter

• نحو گسترش The Spread Syntax

• نحو گسترش شی The Object Spread Syntax

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

بسته بندی Wrapping Up

• بخش معرفی: جمع بندی Section Intro: Wrapping Up

• ایده جدید اپلیکیشن New App Idea

• پاداش: از اینجا کجا بروم؟ Bonus: Where do I go from here?

بسته بندی Wrapping Up

• بخش معرفی: جمع بندی Section Intro: Wrapping Up

• ایده جدید اپلیکیشن New App Idea

• پاداش: از اینجا کجا بروم؟ Bonus: Where do I go from here?