آموزش جاوا اسکریپت: درک قسمت های عجیب

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

شروع شدن Getting Started

• مقدمه و هدف این دوره Introduction and The Goal of This Course

• برپایی Setup

• راه اندازی (کد ویژوال استودیو) Setup (Visual Studio Code)

• کلمات بزرگ و جاوا اسکریپت Big Words and Javascript

• تماشای این دوره با کیفیت بالا Watching this Course in High Definition

• درک، چارچوب ها، و قسمت های عجیب و غریب Understanding, Frameworks, and The Weird Parts

زمینه های اجرا و محیط های واژگانی Execution Contexts and Lexical Environments

• کنار مفهومی: تجزیه‌کننده‌های نحوی، زمینه‌های اجرایی و محیط‌های واژگانی Conceptual Aside: Syntax Parsers, Execution Contexts, and Lexical Environments

• کنار مفهومی: جفت ها و اشیاء نام/مقدار Conceptual Aside: Name/Value Pairs and Objects

• دانلود کد منبع برای این دوره Downloading Source Code for This Course

• محیط جهانی و شی جهانی The Global Environment and The Global Object

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

• مفهومی کنار: جاوا اسکریپت و «تعریف نشده» Conceptual Aside: Javascript and 'undefined'

• زمینه اجرا - اجرای کد The Execution Context - Code Execution

• Conceptual Aside: Single Threaded, Synchronous Execution Conceptual Aside: Single Threaded, Synchronous Execution

• فراخوانی تابع و پشته اجرا Function Invocation and the Execution Stack

• توابع، زمینه و محیط های متغیر Functions, Context, and Variable Environments

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

• Scope، ES6 و let Scope, ES6, and let

• در مورد تماس های غیرهمزمان چطور؟ What About Asynchronous Callbacks?

انواع و اپراتورها Types and Operators

• Conceptual Aside: Types و Javascript Conceptual Aside: Types and Javascript

• انواع اولیه Primitive Types

• مفهومی کنار: اپراتورها Conceptual Aside: Operators

• اولویت اپراتور و انجمن Operator Precedence and Associativity

• جدول اولویت اپراتور و انجمن Operator Precedence and Associativity Table

• کنار مفهومی: اجبار Conceptual Aside: Coercion

• اپراتورهای مقایسه Comparison Operators

• جدول مقایسه برابری Equality Comparisons Table

• هستی و بولی Existence and Booleans

• مقادیر پیش فرض Default Values

• Framework Aside: مقادیر پیش فرض Framework Aside: Default Values

اشیاء و توابع Objects and Functions

• اشیاء و نقطه Objects and the Dot

• اشیاء و لفظ اشیاء Objects and Object Literals

• چارچوب به کنار: جعل فضاهای نام Framework Aside: Faking Namespaces

• JSON و Object Literals JSON and Object Literals

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

• عبارات تابع و عبارات تابع Function Statements and Function Expressions

• کنار مفهومی: بر اساس ارزش در مقابل مرجع Conceptual Aside: By Value vs By Reference

• اشیاء، توابع، و "این" Objects, Functions, and 'this'

• Conceptual Aside: Arrays - Collections of Anything Conceptual Aside: Arrays - Collections of Anything

• "استدلال" و گسترش 'arguments' and spread

• Framework Aside: Function Overloading Framework Aside: Function Overloading

• مفهومی کنار: تجزیه کننده های نحوی Conceptual Aside: Syntax Parsers

• خطرناک کنار: قرار دادن نقطه ویرگول خودکار Dangerous Aside: Automatic Semicolon Insertion

• چارچوب به کنار: فضای خالی Framework Aside: Whitespace

• عبارات توابع فراخوانی فوری (IIFE) Immediately Invoked Functions Expressions (IIFEs)

• چارچوب به کنار: IIFE و کد ایمن Framework Aside: IIFEs and Safe Code

• درک بسته شدن Understanding Closures

• درک بسته ها - قسمت 2 Understanding Closures - Part 2

• چارچوب به کنار: عملکرد کارخانه ها Framework Aside: Function Factories

• بسته شدن و تماس تلفنی Closures and Callbacks

• call()، application() و bind() call(), apply(), and bind()

• برنامه نویسی تابعی Functional Programming

• برنامه نویسی تابعی - قسمت 2 Functional Programming - Part 2

جاوا اسکریپت شی گرا و وراثت نمونه اولیه Object-Oriented Javascript and Prototypal Inheritance

• کنار مفهومی: کلاسیک در مقابل وراثت نمونه اولیه Conceptual Aside: Classical vs Prototypal Inheritance

• آشنایی با نمونه اولیه Understanding the Prototype

• همه چیز یک شی (یا یک بدوی) است Everything is an Object (or a primitive)

• بازتاب و گسترش Reflection and Extend

اشیاء ساختمانی Building Objects

• Function Constructors، "جدید" و تاریخچه جاوا اسکریپت Function Constructors, 'new', and the History of Javascript

• Function Constructors و '.prototype' Function Constructors and '.prototype'

• خطرناک به کنار: "جدید" و توابع Dangerous Aside: 'new' and functions

• کنار مفهومی: سازندگان توابع داخلی Conceptual Aside: Built-In Function Constructors

• خطرناک به کنار: سازندگان عملکرد داخلی Dangerous Aside: Built-In Function Constructors

• Dangerous Aside: آرایه ها و برای..in Dangerous Aside: Arrays and for..in

• Object.create و Pure Prototypal Heritance Object.create and Pure Prototypal Inheritance

• ES6 و کلاس ها ES6 and Classes

خرت و پرت Odds and Ends

• مقداردهی اولیه Initialization

• 'نوع'، ​​'نمونه'، و فهمیدن اینکه چیزی چیست 'typeof' , 'instanceof', and Figuring Out What Something Is

• حالت سختگیرانه Strict Mode

• مرجع حالت دقیق Strict Mode Reference

بررسی چارچوب ها و کتابخانه های معروف Examining Famous Frameworks and Libraries

• یادگیری از کد خوب دیگران Learning From Other's Good Code

• شیرجه عمیق به کد منبع: jQuery - قسمت 1 Deep Dive into Source Code: jQuery - Part 1

• شیرجه عمیق به کد منبع: jQuery - قسمت 2 Deep Dive into Source Code: jQuery - Part 2

• شیرجه عمیق به کد منبع: jQuery - قسمت 3 Deep Dive into Source Code: jQuery - Part 3

بیایید یک چارچوب/کتابخانه بسازیم! Let's Build a Framework / Library!

• الزامات Requirements

• ساختار کد ایمن Structuring Safe Code

• شی ما و نمونه اولیه آن Our Object and Its Prototype

• خواص و روش های زنجیره ای Properties and Chainable Methods

• اضافه کردن پشتیبانی جی کوئری Adding jQuery Support

• اظهار نظر خوب Good Commenting

• بیایید از چارچوب خود استفاده کنیم Let's Use Our Framework

• یک یادداشت جانبی A Side Note

EXTRA: TypeScript، ES6 و Transpiled Languages EXTRA: TypeScript, ES6, and Transpiled Languages

• TypeScript، ES6 و Transpiled Languages TypeScript, ES6, and Transpiled Languages

• منابع زبان های ترجمه شده Transpiled Languages References

EXTRA: آماده شدن برای ECMAScript 6 EXTRA: Getting Ready for ECMAScript 6

• ویژگی های موجود و آینده Existing and Upcoming Features

• مرجع ویژگی های ES6 ES6 Features Reference

اضافی: ES6 در عمق EXTRA: ES6 In-Depth

• ES6 در عمق ES6 In-Depth

• Promises، Async و Await Promises, Async, and Await

نتیجه Conclusion

• آموزش دوست داشتن قسمت های عجیب Learning to Love the Weird Parts

• جایزه Bonus