Skip to main content

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

πŸ“š All Labs​

Forms & Validation​

Component Architecture​

Routing & Guards​

Tooling & Migration​

Modern Angular (v21)​