آموزش JavaScript Pro: تسلط بر مفاهیم و تکنیک های پیشرفته

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

معرفی Introduction

• خوش آمد گویی و معرفی دوره Course Welcome & Introduction

• بررسی برنامه درسی Curriculum Walkthrough

• دریافت کد دوره Getting The Course Code

• محیط توسعه دهنده من My Developer Environment

جاوا اسکریپت شی گرا Object Oriented JavaScript

• کار با اشیاء ساده جاوا اسکریپت قدیمی Working With Plain Old JavaScript Objects

• اختلاط داده ها و توابع با اشیاء Mixing Data & Functions With Objects

• مبانی کلاس Class Basics

• سازندگان Constructors

• زمان تمرین: حساب بانکی Practice Time: Bank Account

• روش های نمونه Instance Methods

• مبانی وراثت Inheritance Basics

• کلمه کلیدی فوق العاده The Super Keyword

• ویژگی های استاتیک Static Properties

• روش های استاتیک Static Methods

• استفاده از موارد برای روش های استاتیک Use Cases For Static Methods

• تمرین کتاب الکترونیکی Ebook Exercise

• تمرین ArrayUtils ArrayUtils exercise

• تمرین چهار OO را متصل کنید Connect Four OO Exercise

OOP: ویژگی های جدیدتر در جاوا اسکریپت OOP: Newer Features in JavaScript

• گیرندگان Getters

• تنظیم کننده ها Setters

• زمان تمرین: گیرندگان و ستترها Practice Time: Getters and Setters

• فیلدهای عمومی Public Fields

• زمینه های خصوصی Private Fields

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

• بلوک های راه اندازی استاتیک ES2022 ES2022 Static Initialization Blocks

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

• آزمون بخش Section Quiz

کلمه کلیدی مرموز "این" The Mysterious Keyword "This"

• معرفی این Introducing This

• رمز و راز کلمه کلیدی این The Mystery of The Keyword This

• اشیاء جهانی و این Global Objects and This

• قانون "چپ نقطه". The "Left Of The Dot" Rule

• این و کلاس ها This and Classes

• روش تماس The Call Method

• روش اعمال The Apply Method

• روش Bind The Bind Method

• استدلال های الزام آور Binding Arguments

• پیوند با شنوندگان رویداد Bind With Event Listeners

• اتصال با تایمر Bind With Timers

• توابع فلش و این Arrow Functions and This

• این غذای آماده This Takeaways

• تمرین «این» باگی کد Buggy Code `this` Exercise

• تمرین تایمر «this» کد حشره دار Buggy Code `this` Timers Exercise

OOP Under The Hood: نمونه های اولیه، جدید، و بیشتر! OOP Under The Hood: Prototypes, New, & More!

• OOP Under The Hood معرفی OOP Under The Hood Intro

• کلمه کلیدی جدید The New Keyword

• نمونه های اولیه: قسمت 1 Prototypes: Part 1

• نمونه های اولیه: قسمت 2 Prototypes: Part 2

• نمونه های اولیه: قسمت 3 Prototypes: Part 3

• زنجیره اولیه The Prototype Chain

• کلاس ها، وراثت، و نمونه های اولیه Classes, Inheritance, & Prototypes

• __proto__ در مقابل نمونه اولیه __proto__ vs. prototype

• روش های نمونه اولیه مفید Useful Prototype Methods

• آزمون بخش Section Quiz

کد ناهمزمان Asynchronous Code

• تماس ها: دوست خوب ما Callbacks: Our Good Friend

• Callback Hell & The Pyramid of Doom Callback Hell & The Pyramid of Doom

• مبانی وعده ها The Basics of Promises

• با استفاده از .then() و .catch() Using .then() and .catch()

• Promise Chaining to Flatten Code Promise Chaining To Flatten Code

• رسیدگی به خطا با وعده ها Error Handling With Promises

• Async/Await Basics Async/Await Basics

• اطلاعات بیشتر در مورد Async/Await More on Async/Await

• مدیریت خطا با توابع Async Error Handling With Async Functions

• الگوهای Async: عملیات همگام موازی Async Patterns: Parallel Async Operations

• الگوهای Async: عملیات متوالی Async Async Patterns: Sequential Async Operations

• الگوهای Async: Promise.all() Async Patterns: Promise.all()

• الگوهای Async: Promise.allSettled() Async Patterns: Promise.allSettled()

• Async Patterns: Promise.race() Async Patterns: Promise.race()

• ساختن اشیاء قول خودمان Building Our Own Promise Objects

• نوید نود fs.readFile() Promisifying Node's fs.readFile()

• تمرین Async Num Cards Async Num Cards Exercise

• آزمون بخش Section Quiz

آخرین ویژگی های جاوا اسکریپت Latest JavaScript Features

• زنجیربندی اختیاری Optional Chaining

• ادغام باطل Nullish Coalescing

• جداکننده های عددی Numeric Separators

• Array.prototype.at() Array.prototype.at()

• رشته جایگزین() String replaceAll()

• تخصیص منطقی یا منطقی ||= Logical OR Assignment ||=

• Logical AND Assignment &&= Logical AND Assignment &&=

• تکلیف ادغام باطل ??= Nullish Coalescing Assignment ??=

• Promise.any() Promise.any()

• ویژگی های جدید OOP: فیلدهای خصوصی و بلوک های اولیه سازی استاتیک New OOP Features: Private Fields & Static Initialization Blocks

• آزمون بخش Section Quiz

بخش های پیچیده جاوا اسکریپت The Tricky Parts of JavaScript

• کار با Float Imprecision Working With Float Imprecision

• BigInt() و اعداد واقعاً بزرگ BigInt() and Really Large Numbers

• isNan() در مقابل Number.isNaN() isNan() vs. Number.isNaN()

• پست و پیش افزایش: ++x در مقابل x++ Post and Pre Increment: ++x vs. x++

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

• توابع مولد جاوا اسکریپت JavaScript Generator Functions

• چه زمانی ژنراتورها مفید هستند؟ When Are Generators Useful?

• روش فوق العاده همه کاره Array.from(). The Incredibly Versatile Array.from() Method

• تمرین parseAndCheck parseAndCheck Exercise

• تمرین پیشوند و پسوند Prefix and Postfix Exercise

• تمرین rangeGenerator rangeGenerator Exercise

• آزمون بخش Section Quiz

قسمت های روی حیله: محدوده و بسته ها The Tricky Parts: Scope & Closures

• Recaping Var & Scope Recaping Var & Scope

• Recaping Let, Const, & Scope Recaping Let, Const, & Scope

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

• دامنه استاتیک Static Scope

• بالا بردن Hoisting

• IIFE ها IIFEs

• بسته ها: اصول Closures: The Basics

• بسته شدن: مثالی دیگر Closures: Another Example

• بسته شدن: عملکردهای کارخانه Closures: Factory Functions

• بسته ها: شنوندگان رویداد Closures: Event Listeners

• بسته ها: حلقه ها Closures: Loops

• تمرین بازی حدس زدن Guessing Game Exercise

• تمرین حساب بانکی Bank Account Exercise

• تمرین اضافه کردن ویژه Special Add Exercise

• آزمون بخش Section Quiz

تایمرها: Debouncing، Throttling و RequestAnimationFrame Timers: Debouncing, Throttling, & RequestAnimationFrame

• setTimeout setTimeout

• setInterval setInterval

• clearInterval clearInterval

• clearTimeout clearTimeout

• منحرف کننده Debouncing

• نوشتن یک تابع Debounce فانتزی Writing a Fancy Debounce Function

• گاز دادن Throttling

• ساخت یک عملکرد دریچه گاز فانتزی Building a Fancy Throttle Function

• درخواست AnimationFrame Basics requestAnimationFrame Basics

• requestAnimationFrame با مُهر زمانی requestAnimationFrame With Timestamps

• اسکرول به بالا انیمیشن با RequestAnimationFrame Scroll To Top Animation With RequestAnimationFrame

• آزمون بخش Section Quiz

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

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

• توابع درجه یک First Class Functions

• نوشتن توابع خالص Writing Pure Functions

• توابع برگشتی Returning Functions

• تغییرناپذیری Immutability

• بازگشت Recursion

• کاربرد جزئی با Bind Partial Application With Bind

• نوشتن یک تابع جزئی Writing a Partial Function

• مبانی ترکیب Composition Basics

• یک تابع نوشتن ساده A Simple Compose Function

• نوشتن یک تابع نویسندگی فانتزی Writing a Fancier Compose Function

• مبانی کاری Currying Basics

• Currying پیشرفته تر More Advanced Currying

• معرفی بازی تاس Dice Game Intro

• بازی تاس ساده FP Dice Game Simple FP

• بازی Dice Going Overboard با FP Dice Game Going Overboard with FP

• جمع بندی برنامه نویسی کاربردی Functional Programming Wrapup

• تمرین تلنگر Flip Exercise

• تمرین FP Stylizer FP Stylizer Exercise

• آزمون بخش Section Quiz

واکشی API Fetch API

• مبانی Fetch The Basics of Fetch

• رسیدگی به خطا با Fetch Error Handling With Fetch

• ارسال هدر درخواست با Fetch Sending Request Headers With Fetch

• ارسال درخواست ها با Fetch POST Requests With Fetch

• آپلود فایل ها با Fetch Uploading Files With Fetch

• JSON Placeholder Exercise JSON Placeholder Exercise

• آزمون بخش Section Quiz

API های ذخیره سازی وب Web Storage APIs

• مبانی LocalStorage LocalStorage Basics

• LocalStorage با اشیاء پیچیده LocalStorage With Complex Objects

• مواردی که باید و نباید در LocalStorage بروند What Should & Should Not Go In LocalStorage

• ایجاد تغییر حالت تاریک با LocalStorage Creating a Darkmode Toggle With LocalStorage

• نسخه نمایشی برنامه یادداشت‌های ذخیره‌سازی محلی Localstorage Notes App Demo

• همگام سازی برگه ها با رویداد ذخیره سازی Syncing Tabs With The Storage Event

• مبانی SessionStorage SessionStorage Basics

• نسخه ی نمایشی فرم ذخیره سازی جلسه Session Storage Form Demo

• IndexedDB: با ریسک خود وارد شوید! IndexedDB: Enter At Your Own Risk!

• آزمون بخش Section Quiz

APIهای مرورگر: موقعیت جغرافیایی، ناظران تقاطع، و موارد دیگر! Browser APIs: Geolocation, Intersection Observers, and More!

• با استفاده از Geolocation API Using the Geolocation API

• getUserMedia API The getUserMedia API

• ناظران تقاطع: مبانی Intersection Observers: Basics

• ناظران تقاطع: آستانه ها Intersection Observers: Thresholds

• ناظران تقاطع: ردیابی زمان مشاهده آگهی Intersection Observers: Tracking Ad View Time

• ناظران تقاطع: ورودی های متعدد Intersection Observers: Multiple Entries

• ناظران تقاطع: تصاویر در حال بارگذاری تنبل Intersection Observers: Lazy Loading Images

API عملکرد و صدای وب Performance API & Web Audio

• مبانی API عملکرد Performance API Basics

• اندازه گیری زمان بارگذاری منبع با API عملکرد Measuring Resource Load Times With Performance API

• مبانی Web Audio API The Web Audio API Basics

• نسخه ی نمایشی لغزنده ترمین صوتی وب Web Audio Theremin Slider Demo

• موارد استفاده Web Audio API Web Audio API Use Cases

Canvas API Canvas API

• Intro To The Canvas API Intro To The Canvas API

• اصول اولیه بوم: Canvas Basics:

• خطوط و خطوط بوم Canvas Strokes and Lines

• قوس ها و مسیرهای بوم Canvas Arcs and Paths

• سایر ویژگی های بوم Other Canvas Features

• Building A Bouncing Balls Toy Pt 1 Building A Bouncing Balls Toy Pt 1

• Building A Bouncing Balls Demo Pt 2 Building A Bouncing Balls Demo Pt 2

• Building A Bouncing Balls Demo Pt 3 Building A Bouncing Balls Demo Pt 3

Web Sockets API Web Sockets API

• معرفی سوکت های وب Introducing Web Sockets

• Basics Of The Web Sockets API Basics Of The Web Sockets API

• رویدادهای سوکت وب Web Socket Events

• ساختن یک برنامه چت با سوکت های وب: امتیاز 1 Building A Chat App With Web Sockets: Pt 1

• ساختن یک برنامه چت با سوکت های وب: Pt 2 Building A Chat App With Web Sockets: Pt 2

• ساختن یک برنامه چت با سوکت های وب: Pt 3 Building A Chat App With Web Sockets: Pt 3

Notifications API Notifications API

• ارسال اعلان ها Sending Notifications

• رویدادهای اطلاع رسانی Notification Events

• اعلان ها با آیکون ها و داده ها Notifications With Icons and Data

• افزودن اعلان‌ها به برنامه چت ما: Pt. 1 Adding Notifications To Our Chat App: Pt. 1

• افزودن اعلان‌ها به برنامه چت ما: Pt. 2 Adding Notifications To Our Chat App: Pt. 2

اصول SOLID OOP SOLID OOP Principles

• اصل مسئولیت واحد Single Responsibility Principle

• اصل باز/بسته Open/Closed Principle

• اصل جایگزینی لیسکوف Liskov Substitution Principle

• اصل جداسازی رابط Interface Segregation Principle

• اصل وارونگی وابستگی Dependency Inversion Principle

• قانون دمتر Law Of Demeter

• آزمون بخش Section Quiz

الگوهای طراحی و اشیاء پروکسی Design Patterns & Proxy Objects

• الگوی ماژول Module Pattern

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

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

• الگوی رجیستری Registry Pattern

• الگوی Mixin Mixin Pattern

• الگوی پروکسی با اشیاء پروکسی Proxy Pattern With Proxy Objects

• فراخوانی تابع پروکسی Proxying Function Calls

• پیاده سازی اتصال داده ها با اشیاء پروکسی Implementing Data Binding With Proxy Objects

• آزمون بخش Section Quiz