Mastering Angular Reactive Forms

Module 1: Getting Started with Reactive Forms

⏳ 45 minutes

• Topics: Importing and configuring ReactiveFormsModule; creating basic FormControl and FormGroup instances

• Hands-on: Build your first reactive form with name/email fields and display validation status in the template

Module 2: Validation Essentials

⏳ 1 hour

• Topics: Using built-in validators (required, minLength, etc.), writing custom synchronous and asynchronous validators

• Hands-on: Implement a password strength validator and an async username-availability check

Module 3: Dynamic Controls & Cross-Field Rules

⏳ 1 hour

• Topics: Adding/removing controls and groups at runtime; enforcing cross-field validations (e.g., password match)

• Hands-on: Create a form that lets users add an arbitrary number of “alternate email” fields with validation

Module 4: Strongly-Typed Reactive Forms

⏳ 45 minutes

• Topics: Angular v14 typed forms API, FormGroup<T> and FormControl<T> usage for type-safe values

• Hands-on: Refactor an untyped form to a fully typed form, catching value mismatches at compile time

Module 5: Server-Driven Dynamic Forms

⏳ 1.5 hours

• Topics: Designing JSON-based form schemas, mapping schema to form controls/groups, rendering form dynamically

• Hands-on: Consume a sample JSON config to generate a dynamic survey form with mixed control types

Module 6: Testing Reactive Forms

⏳ 30 minutes

• Topics: Writing unit tests for form initialization, validation logic, and dynamic behavior using TestBed

• Hands-on: Write Jasmine/Karma tests for both built-in and custom validators to ensure form robustness

Get certificate