Month 1 Modern Angular Engine, Standalone Components & Signals Reactivity
- Session 1-2: Modern Angular architecture: Standalone APIs, removing NgModules, functional route guards, and functional HTTP interceptors.
- Session 3-4: The new Reactivity Model: Angular Signals (`signal`, `computed`, `effect`), two-way model binding, and moving toward Zoneless change detection.
- Session 5-6: Advanced component composition: Content projection (`ng-content`), dynamic component rendering with `ViewContainerRef`, and `@defer` deferrable loading blocks.
- Session 7-8 (Live Hand-Holding): Zoneless Signal Migration Lab — Refactoring a standard change-detector component into a reactive Signal-based component with sub-second DOM update profiling.
Month 2 Complex Data Streams with RxJS & State Architecture
- Session 9-10: RxJS mastery in enterprise apps: Higher-order mapping operators (`switchMap`, `mergeMap`, `concatMap`, `exhaustMap`), multi-casting with Subjects, and preventing memory leaks.
- Session 11-12: Bridging RxJS and Signals: Using `toSignal()` and `toObservable()` seamlessly to blend asynchronous streams with synchronous template reactivity.
- Session 13-14: Predictable State Architecture: Building lightweight Signal-based state stores vs NgRx component stores for localized feature modules.
- Session 15-16 (Live Hand-Holding): Reactive Real-Time Data Grid Lab — Constructing an interactive data table handling server-side sorting, debounce searching, and live WebSocket price updates using RxJS pipelines.
Month 3 Nx Monorepos, Micro-Frontends & Production Optimization
- Session 17-18: Enterprise modularity with Nx: Designing Monorepos, enforcing module boundary rules (linting tags), and sharing UI libraries between apps.
- Session 19-20: Micro-Frontend architecture: Module Federation with Angular, independent deployment pipelines, and sharing shell application state.
- Session 21-22: Testing rigor & build optimizations: Unit testing services with Vitest, end-to-end integration with Playwright, and tree-shaking bundle analysis.
- Session 23-24 (Final Capstone & Architecture Defense): Enterprise Monorepo Deployment — Building and deploying an Nx workspace containing a core Shell app and decoupled remote micro-frontends with automated CI/CD caching.