آنگولار واکنش‌گرا (Reactive Angular): آموزش RxJS، سیگنال‌ها و استقرار - آخرین آپدیت

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

سرویس‌های آنگولار و برنامه‌نویسی واکنش‌گرا Angular Services and Reactive Programming

• معرفی دوره Course Introduction

• دمو: طراحی رابط کاربری کامپوننت About در آنگولار DEMO: Designing About Component UI in Angular

• دمو: استفاده از اینترفیس‌ها در آنگولار برای تایپینگ قوی DEMO: Using Interfaces in Angular for Strong Typing

• دمو: آشنایی با سرویس‌ها و ایجاد سرویس دوره (تنظیمات پوشه و فایل‌ها) DEMO: Introduction to Services & Creating Course Service (Folder + Files Setup)

• دمو: انتقال منطق به سرویس (دریافت دوره‌ها و تزریق سرویس در کامپوننت‌ها) DEMO: Moving Logic to Service (Get Courses & Injecting Service in Components)

• آشنایی با RxJS (تفاوت Subject و BehaviorSubject و مبانی Observable) Introduction to RxJS (Subject vs BehaviorSubject, Observable Basics)

• دمو: پیاده‌سازی افزودن دوره با BehaviorSubject و همگام‌سازی با LocalStorage DEMO: Implementing Add Course with BehaviorSubject & LocalStorage Sync

• دمو: پیاده‌سازی حذف دوره و به‌روزرسانی جریان داده‌های Observable DEMO: Implementing Delete Course & Updating Observable Data Flow

• دمو: مدیریت اشتراک‌ها (Subscribe، Unsubscribe و جلوگیری از نشت حافظه) DEMO: Subscriptions Management (Subscribe, Unsubscribe, Avoid Memory Leaks)

• همگام‌سازی سرویس‌ها و اینترفیس‌ها (کپی سرویس و ایجاد پوشه اینترفیس) Syncing Services & Interfaces (Copying Service, Creating Interface Folder)

• ساخت کامپوننت‌های مشترک (هدر، فوتر و یکپارچه‌سازی ماژول) Creating Shared Components (Header, Footer & Module Integration)

مدیریت وضعیت پیشرفته و یکپارچه‌سازی پروژه در آنگولار Advanced State Management and Project Integration in Angular

• تنظیمات مسیریابی و ماژول‌ها (پیکربندی ماژول‌های About، Home و Admin) Setting up Routing & Modules (About, Home, Admin Module Configuration)

• دمو: همگام‌سازی کدهای رابط کاربری (کپی HTML، CSS، TS و رفع خطاهای Import) DEMO: Syncing UI Code (HTML, CSS, TS Copy & Fixing Imports/Errors)

• یکپارچه‌سازی نهایی (ماژول دوره‌ها، استایل‌دهی، همگام‌سازی داده‌ها و اعتبارسنجی پروژه) Final Integration (Courses Module, Styling, Data Sync & Project Validation)

• دمو: بهینه‌سازی کد آنگولار: عملکرد و قابلیت نگهداری DEMO: Angular Code Optimization: Performance and Maintainability

• مقایسه Zone.js و Angular Signals: تفاوت‌های کلیدی Zone.js vs Angular Signals: Key Differences

• دمو: سیگنال‌های قابل نوشتن (Writable Signals) در آنگولار DEMO: Writable Signals in Angular

• مقایسه سیگنال‌ها با متغیرهای معمولی در آنگولار Signals vs Normal Variables in Angular

• پیاده‌سازی سیگنال‌ها در پروژه آنگولار Implementing Signals in Angular Project

• دمو: جایگزینی RxJS با سیگنال‌ها در آنگولار DEMO: Replacing RxJS with Signals in Angular

• پیاده‌سازی عملیات CRUD با استفاده از سیگنال‌های آنگولار Implementing CRUD Operations with Angular Signals

• دمو: توضیح Effects در سیگنال‌های آنگولار DEMO: Effects in Angular Signals Explained

مدیریت وضعیت آنگولار، APIها و آمادگی برای محیط عملیاتی Angular State Management, APIs & Production Readiness

• آشنایی با Input Signals در آنگولار Introduction to Input Signals in Angular

• دمو: سیگنال‌های Output و Model در آنگولار DEMO: Output Signals and Model Signals in Angular

• دمو: مثال Toggle برای isActive با استفاده از سیگنال‌های Input، Output و Model DEMO: isActive Toggle Example using Input, Output and Model Signals

• دمو: بهینه‌سازی و همگام‌سازی کد با استفاده از سیگنال‌های آنگولار DEMO: Optimising and Syncing Code Using Angular Signals

• بیلد عملیاتی آنگولار (ng build)، بهینه‌سازی و مدیریت حجم Bundle Angular Production Build (ng build), Optimization & Bundle Size Handling

• تنظیمات Firebase، استقرار هاستینگ و تایید اپلیکیشن زنده Firebase Setup, Hosting Deployment & Live App Verification

• آشنایی با HttpClient، تنظیمات و ارسال درخواست‌های پایه API (GET/POST) Introduction to HttpClient, Setup & Making Basic API Requests (GET/POST)

• مدیریت Observableها، تبدیل به Promise و مدیریت خطاها (Try Catch) Handling Observables, Converting to Promise & Error Handling (Try-Catch)

• دمو: توضیح پایپ‌های آنگولار (Angular Pipes) با مثال‌های کاربردی DEMO: Angular Pipes Explained with Practical Examples

• دمو: توضیح مفصل دایرکتیوهای آنگولار (Angular Directives) DEMO: Angular Directives Explained in Detail

• دمو: استفاده از دایرکتیو NgClass در آنگولار DEMO: Using NgClass Directive in Angular

• دمو: استفاده از دایرکتیو NgStyle در آنگولار DEMO: Using NgStyle Directive in Angular

• پایان دوره Course Completion