آموزش الگوهای طراحی عملی در JavaScript

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

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

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

به هر حال الگوی طراحی چیست؟ What Is a Design Pattern Anyway?

• مقدمه Introduction

• مشکل The Problem

• الگوهای نجات را طراحی کنید Design Patterns to the Rescue

• الگوهای طراحی فیزیکی Physical Design Patterns

• باند چهار The Gang of Four

• بنابراین به هر حال الگوی طراحی چیست؟ So What Is a Design Pattern Anyway?

• انواع الگوها The Types of Patterns

اشیا in در JavaScript Objects in JavaScript

• مقدمه Introduction

• ایجاد اشیا در JavaScript Creating Objects in JavaScript

• خواندن و نوشتن ویژگی ها Reading and Writing Attributes

• نسخه ی نمایشی ایجاد وظیفه Demo Task Creation

• تعریف مالکیت Define Property

• نسخه ی نمایشی: تعریف مالکیت Demo: Define Property

• نسخه ی نمایشی: وراثت Demo: Inheritance

• خلاصه Summary

الگوهای طراحی خلاقانه Creational Design Patterns

• مقدمه Introduction

• الگوی سازنده Constructor Pattern

• نسخه ی نمایشی: الگوی سازنده Demo: Constructor Pattern

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

• نسخه ی نمایشی: نمونه های اولیه Demo: Prototypes

• نسخه ی نمایشی: گره سازنده Demo: Constructor Node

• نسخه ی نمایشی: کلاس ها Demo: Classes

• نسخه ی نمایشی: سازنده زاویه دار Demo: Constructor Angular

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

• نسخه ی نمایشی: الگوی ماژول Demo: Module Pattern

• نسخه ی نمایشی: الگوی ماژول زاویه ای Demo: Angular Module Pattern

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

• نسخه ی نمایشی: الگوی کارخانه Demo: Factory Pattern

• الگوی Singleton Singleton Pattern

• نسخه ی نمایشی: گره Singleton Demo: Singleton Node

• نسخه ی نمایشی: Singleton Angular Demo: Singleton Angular

• خلاصه Summary

الگوهای طراحی سازه ای Structural Design Patterns

• مقدمه Introduction

• الگوی دکوراتور Decorator Pattern

• نسخه ی نمایشی: دکوراتور ساده Demo: Simple Decorator

• نسخه ی نمایشی: تزئینات پیچیده تر Demo: More Complicated Decorator

• نسخه ی نمایشی: تزئین اشیا به صورت زاویه دار Demo: Decorating Objects in Angular

• نسخه ی نمایشی: خدمات تزئین به صورت زاویه دار Demo: Decorating Services in Angular

• الگوی نما Facade Pattern

• نسخه ی نمایشی: گره نما Demo: Facade Node

• دمو: زاویه دار نما Demo: Facade Angular

• وزن پرواز Flyweight

• نسخه ی نمایشی: وزن سبک Demo: Flyweight

• خلاصه Summary

الگوهای طراحی رفتاری Behavioral Design Patterns

• مقدمه Introduction

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

• نسخه ی نمایشی: تنظیم محیط زیست Demo: Setting up the Environment

• نسخه ی نمایشی: ایجاد ناظران ما Demo: Creating Our Observers

• نسخه ی نمایشی: ایجاد لیست ناظران ما Demo: Creating Our Observer List

• نسخه ی نمایشی: اضافه کردن موضوع ما Demo: Adding Our Subject

• نسخه ی نمایشی: حذف ناظران Demo: Removing Observers

• الگوی واسطه Mediator Pattern

• نسخه ی نمایشی: الگوی واسطه Demo: Mediator Pattern

• الگوی فرمان Command Pattern

• نسخه ی نمایشی: الگوی فرمان Demo: Command Pattern

• خلاصه Summary