آموزش مبانی انگولار: الگوهای مدرن و بهترین روش‌های توسعه - آخرین آپدیت

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

پیش‌فرض‌های مدرن انگولار و ضروریات راهنمای استایل Modern Angular Defaults and Style Guide Essentials

• شروع به کار Getting Started

• فعال‌سازی حالت‌های سخت‌گیرانه برای TypeScript و Angular Enable Strict Modes for TypeScript and Angular

• استفاده از ابزارهای بیلد مدرن با Vite Use Modern Build Tooling with Vite

• استفاده از سیگنال‌ها برای واکنش‌گرایی ساده‌تر Use Signals for Simplified Reactivity

• ساخت اپلیکیشن‌های Zoneless Build Zoneless Applications

• استفاده از کامپوننت‌های Standalone Use Standalone Components

• استفاده از سینتکس مدرن کنترل جریان (Control Flow) Use Modern Control Flow Syntax

• راهنمای استایل انگولار: نام‌گذاری و ساختار پروژه Angular Style Guide: Naming and Project Structure

• راهنمای استایل انگولار: کامپوننت‌ها، دایرکتیوها و سرویس‌ها Angular Style Guide: Components, Directives, and Services

الگوهای معماری مدرن انگولار Modern Angular Architectural Patterns

• پذیرش معماری نوظهور (Emergent Architecture) Embracing Emergent Architecture

• استفاده از الگوی Feature Shell Using the Feature Shell Pattern

• اعمال مرزبندی‌ها با استفاده از Sheriff Enforcing Boundaries with Sheriff

• مونو-ریپو (Monorepos) و اپلیکیشن‌های متعدد Monorepos and Multiple Applictions

• الگوی Monorepo در عمل The Monorepo Pattern in Practice

• ایجاد پروژه میکرون‌فرانت‌اند (Micro-frontends) Creating a Micro-frontends Project

• بررسی یک اپلیکیشن میکرون‌فرانت‌اند عملیاتی Exploring a Working Micro-frontends Application

• استفاده از میکرون‌فرانت‌اند با ریپازیتوری‌های مجزا Using Micro-frontends with Separate Repositories

الگوهای مدرن مدیریت وضعیت در انگولار Modern Angular State Management Patterns

• استفاده از استورهای داده سنتی مبتنی بر RxJS Using Traditional RxJS-based Data Stores

• استفاده از Signal Stores برای مدیریت وضعیت Using Signal Stores for State Management

• استفاده از NgRx Signal Stores Using NgRx Signal Stores

بهترین روش‌های عملکرد لود و زمان اجرای انگولار Angular Load and Runtime Performance Best Practices

• تب Network در Chrome DevTools: عیب‌یابی عملکرد اپلیکیشن Chrome DevTools Network Tab: Diagnosing App Performance

• تب Performance در Chrome DevTools: عیب‌یابی عملکرد اپلیکیشن Chrome DevTools Performance Tab: Diagnosing App Performance

• ابزار Angular DevTools: بررسی عملکرد انگولار Angular DevTools: Exploring Angular Performance

• استفاده از تشخیص تغییرات OnPush Use OnPush Change Detection

• مانیتورینگ اندازه باندل‌های اپلیکیشن Monitoring Application Bundle Sizes

بهترین روش‌های کلی کدنویسی برای اپلیکیشن‌های انگولار General Coding Best Practices for Angular Applications

• اصل تک‌مسئولیتی (Single Responsibility Principle) The Single Responsibility Principle

• استفاده از توابع کوچک Using Small Functions

• پرهیز از منطق‌های پیچیده در کامپوننت‌ها Avoiding Complex Logic in Components