Angular Reactive Forms
Tutto ciò che devi sapere sui Reactive Forms, lo strumento per form complessi, dinamici e reattivi.

- Durata
- 8h
- Sessioni
- 2 da 4h
- Livello
- Intermedio
Di cosa parla
questo corso.
Contesto, obiettivi e taglio del corso. Tutto è personalizzabile in base a stack e team — questa è la base di partenza.
INTRODUZIONE
Ma con Angular le cose sono cambiate 😎.
Angular è, infatti, il framework front-end che integra il maggior numero di funzionalità per la gestione di form, dividendoli in due tipologie: template-driven form , totalmente basati su template e direttive Angular, e i Reactive Forms che, come il nome lascia intendere, sono reattivi e ruotano attorno il concetto di Observable tramite l’utilizzo della libreria RxJS.
Ma non solo...
I Reactive Forms non dipendono dalla Change Detection e offrono numerose funzionalità che agevolano la creazione di form complessi.
In questo corso intensivo ci focalizzeremo totalmente sui Reactive Forms, in quanto offrono una flessibilità decisamente superiore rispetto ai template-driven forms, ed esploreremo diverse tecniche per sfruttarli al meglio con esempi pratici e casi d’uso reali: dalle fondamenta fino ai casi più complessi.
Il corso è aggiornato ad Angular 16, perciò sfrutteremo le più recenti funzionalità e i form tipizzati.
OBIETTIVO DEL CORSO
Al termine del corso sarai in grado di utilizzare la maggior parte delle tecniche disponibili in Angular per la creazione e gestione di form di media-alta complessità.
REQUISITI
Cosa vediamo,
in dettaglio.
Il programma viene rifinito con il team prima del corso, in base a stack, obiettivi e livello. Quella che vedi è la base: possiamo accelerare o approfondire dove serve e, se necessario, modificare il programma.
La maggior parte del corso è live-coding, con esempi pratici.
M01 Typed Forms
- 01Forms & Reactive Programming
- 02Template-driven vs Reactive forms
- 03
AbstractControl,FormControl,FormGroup - 04Typed forms: gestione tipi,
nulleundefined - 05
FormBuilder - 06Sfruttare RxJS con
FormGroupeFormControl - 07Custom validators per FormControl
M02 Mastering Forms
- 01Custom FormGroup validators tra campi correlati
- 02Async validators con REST API, stato di pending
- 03Cambiare validatori a runtime
- 04FormGroup nested, validazioni parziali
- 05ControlValueAccessor: Color Picker, Rating, …
- 06Custom
inputcon label, validatori, layout - 07FormArray: validare, aggiungere/rimuovere
M03 Bonus (su richiesta)
- 01Form multi-step, dinamici da JSON, Angular Formly
Prima di questo corso...
12h · IntermedioTypeScript per Front-End Developer
Sintassi e concetti TypeScript da conoscere prima di studiare Angular, React o qualunque altro framework.
16h · BaseAngular Core Concepts
Le principali funzionalità di Angular (v.22+) per acquisire una solida base sul framework.
8h · IntermedioReactive Programming in RxJS
Le fondamenta della programmazione reattiva in RxJS e TypeScript, applicabili su qualunque framework.
Potrebbero piacerti anche...
12h · IntermedioApplicazioni Agentiche con Angular & Gemini SDK
Interfacce professionali per l'AI, dashboard per la generazione video con Veo e tool di image editing basati su Nano Banana.
16h · IntermedioMastering Angular
Approfondimento sul framework per la creazione di progetti modulari, scalabili e performanti, applicando pattern e best practice.
8h · IntermedioAngular Signal Forms
Le nuove API per la creazione di form in Angular, basate sui Signal: masterclass intensiva, reattiva e moderna.