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

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

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

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

• فعال‌سازی حالت‌های Strict برای 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

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

• استفاده از Micro frontends با ریپازیتوری‌های مجزا 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