Angular
Angular from the ground up. Components, modules, dependency injection, RxJS, Angular Router, forms, HTTP client, signals, and building large-scale production applications.
BeginnerTopics 1–13
- ·What is Angular?
- ·Angular CLI Setup
- ·Standalone Components
- ·Templates & Data Binding
- ·Directives (ngIf, ngFor, ngClass)
- ·Pipes
- ·Services
- ·Dependency Injection Basics
- ·Event Handling
- ·Two-way Binding
- ·Component Lifecycle
- ·Routing Basics
- ·Signals Basics
Start Beginner →
IntermediateTopics 14–25
- ·RxJS Observable Basics
- ·HttpClient & API Calls
- ·Reactive Forms
- ·Template-driven Forms
- ·Route Parameters & Guards
- ·Lazy Loading
- ·Component Communication (@Input/@Output)
- ·ViewChild & ContentChild
- ·Interceptors
- ·Custom Pipes
- ·Content Projection (Slots)
- ·Change Detection Strategies
Start Intermediate →
AdvancedTopics 26–37
- ·OnPush Change Detection
- ·trackBy Optimisation
- ·Custom Decorators
- ·Advanced Dependency Injection
- ·Dynamic Components
- ·Advanced RxJS (Flattening Operators)
- ·NgRx State Management
- ·NgRx Effects & Selectors
- ·Zone.js and Zoneless Angular
- ·Angular Animations
- ·Control Flow Deep Dive
- ·Advanced Signal Patterns
Start Advanced →
ProductionTopics 38–48
- ·Enterprise Project Structure
- ·Server-Side Rendering (SSR)
- ·Prerendering & Hydration
- ·Lazy Loading Strategies
- ·Bundle Analysis & Budgeting
- ·Web Workers
- ·Progressive Web Apps (PWA)
- ·Testing with Vitest & Playwright
- ·CI/CD for Angular
- ·Deployment & Firebase/Vercel
- ·Performance Monitoring
Start Production →