Angular Labs
Hands-on exercises to master Angular from forms to signals. Each lab builds on the previous, taking you from Angular v16 with reactive forms through to modern Angular v21 with signal-based state management.
π― Learning Pathβ
Phase 1: Forms & Validation (Labs 1-4)
- Master Reactive Forms, FormArray, custom validators
Phase 2: Component Architecture (Labs 5-6)
- Build reusable components, optimize with OnPush
Phase 3: Routing & Guards (Labs 7-9)
- Protect routes, prevent data loss, pre-fetch data
Phase 4: Tooling (Labs 10-11)
- Generate documentation, migrate to v21
Phase 5: Modern Angular (Labs 12-18)
- New syntax, signals, resources, and stores