FabioBiondi.
← tutti i corsi
// corso · 2026angular

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
[ descrizione ]

Di cosa parla
questo corso.

Contesto, obiettivi e taglio del corso. Tutto è personalizzabile in base a stack e team — questa è la base di partenza.

§01

INTRODUZIONE

I form rappresentano buona parte delle funzionalità incluse in applicazioni web enterprise e corporate (B2B, banche, fintech, scuole, PA, assicurazioni ma anche in CRM, CMS…) e sono, spesso, la parte più complessa, lunga e noiosa da gestire.
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.
§02

OBIETTIVO DEL CORSO

Questo corso intensivo si rivolge a tutti gli sviluppatori che già utilizzano Angular e che desiderano esplorare le potenzialità offerte dal framework per quanto concerne la gestione di form.
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à.
§03

REQUISITI

Per trarre il massimo beneficio da questo corso è necessario, o quanto meno fortemente consigliato, conoscere i concetti fondamentali alla base del funzionamento di Angular o aver partecipato al Angular Core Concepts. Sarebbe inoltre preferibile aver già una conoscenza base di RxJS
[ programma ]

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.

3 moduli · 15 argomenti
  1. M01

    Typed Forms

    • Forms & Reactive Programming
    • Template-driven vs Reactive forms
    • AbstractControl, FormControl, FormGroup
    • Typed forms: gestione tipi, null e undefined
    • FormBuilder
    • Sfruttare RxJS con FormGroup e FormControl
    • Custom validators per FormControl
  2. M02

    Mastering Forms

    • Custom FormGroup validators tra campi correlati
    • Async validators con REST API, stato di pending
    • Cambiare validatori a runtime
    • FormGroup nested, validazioni parziali
    • ControlValueAccessor: Color Picker, Rating, …
    • Custom input con label, validatori, layout
    • FormArray: validare, aggiungere/rimuovere
  3. M03

    Bonus (su richiesta)

    • Form multi-step, dinamici da JSON, Angular Formly

Pronto a portarlo nel tuo team?

Contattami →