FabioBiondi.
0
CatalogoInfoIl tuo programma
← tutti i corsi
// corso · 2026angularNEW

Angular Signal Forms

Le nuove API per la creazione di form in Angular, basate sui Signal: masterclass intensiva, reattiva e moderna.

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

Con l'avvento dei Signal come primitiva reattiva fondamentale in Angular, l'intero framework sta evolvendo. I form, una delle parti più complesse delle applicazioni web, non fanno eccezione.

Dalla versione 22 di Angular è stato introdotto, in via sperimentale, un nuovo approccio per la gestione dei form, disponibile nel pacchetto @angular/forms/signals. Le nuove API abbandonano la dipendenza da RxJS e dagli Observable (come valueChanges) per abbracciare un modello basato interamente sui Signal.

Questo significa che ogni stato del form è un Signal: il suo contenuto (value), lo stato di validità (valid, invalid), gli errori (errors), e lo stato di interazione (dirty, touched) sono tutti signal.
Questo porta a un codice più pulito, una reattività più granulare e performance migliori, allineandosi con la futura direzione *signal-based* di Angular.
Inoltre le API sono state semplificate ed è ancora più facile, ad esempio, creare validatori custom sia sincroni che asincroni, gestire form nested e form array, creare custom form field, solo per citarne alcune.

In questo corso intensivo, esploreremo da zero queste nuove API, imparando a costruire form, a gestirne lo stato e la validazione, e a capire come e quando utilizzarla al posto dei tradizionali Reactive Forms.

§02

OBIETTIVO DEL CORSO

Questo corso si rivolge a sviluppatori Angular che già conoscono i Signal e vogliono esplorare la futura generazione di form in Angular (vedi i corsi propedeutici in fondo alla pagina)
Al termine del corso, sarai in grado di costruire form di media complessità utilizzando le API dei Signal Forms, comprendendone i vantaggi, le attuali limitazioni e l'interoperabilità con il resto dell'ecosistema Angular.

§03

REQUISITI

Per trarre il massimo beneficio da questo corso è necessario conoscere i concetti fondamentali di Angular e avere una solida comprensione dei Signal (signal, computed, effect, linkedSignal e le resource API).

Aver partecipato al Angular Core Concepts (aggiornato ai Signal) è fortemente consigliato. La conoscenza di RxJS è utile ma non più fondamentale per questo specifico argomento.
[ 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.

4 moduli · 16 argomenti
  1. M01

    Introduzione ai Signal Forms

    • Come funzionano le nuove API
    • API sperimentale in @angular/forms/signals
    • Confronto con Template-Driven e Reactive Forms
  2. M02

    Costruire form con i Signal

    • form() per la creazione del form
    • Direttive e API dei Signal Forms
    • Struttura, validatori, reattività
  3. M03

    Stato e validazione

    • Lettura e aggiornamento stato
    • Stati: status, valid, invalid, dirty, touched, pristine
    • Errori, validatori sync/async, stato pending
    • Schema validators, apply, applyEach
    • debounce
  4. M04

    Funzionalità avanzate

    • Form groups (nested) e form array
    • Custom Form Components con FormValueControl
    • Componenti: File uploader, Color Picker, …
    • Interoperabilità RxJS: toObservable(form.value)
    • Form e comunicazione con API tramite httpResource e HttpClient
[ corsi propedeutici ]

Prima di questo corso...

[ corsi correlati ]

Potrebbero piacerti anche...

Pronto a portarlo nel tuo team?

Contattami →