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 dopo l’uscita di AngularJS, e poi Angular (2+), le cose sono cambiate 😎 Angular è 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 sui template HTML, e i Reactive Forms, basati sul concetto di Observable tramite l’utilizzo della libreria RxJS. In questo corso intensivo ci focalizzeremo quasi 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 sarà tenuto da Fabio Biondi, Google Developer Expert in Web Technologies e Angular, e quasi totalmente erogato con sessioni di live coding. Al termine del corso sarà rilasciato il codice sorgente di tutti gli esercizi e materiale in formato PDF.

Argomenti

• Introduzione ai Reactive Forms
• Template driven-forms vs Reactive forms: comparativa tra le tue tipologie di form anche tramite l’ausilio di unit test
• Forms e Reactive Programming
• Gli operatori RxJS più utili: scenari e casi d’uso reali
• AbstractControl e FormControl
• Creare form con FormBuilder
• Manipolare Forms Group e FormControl con RxJS
• Custom FormControl validators: differenti tecniche per la creazione di custom validator per i singoli campi (controls)
• Custom FormGroup validators: creazione di validatori di gruppo in cui la validazione di un campo è legata al contenuto di un altro campo
• Custom async form validators: validatori asincroni tramite l’utilizzo di REST API e gestione dello stato di pending
• Impostare e cambiare validatori a runtime
• FormGroup nidificati: creare e validare gruppi di controlli
• Validazioni parziali di un form: validare diversi FormGroup all’interno di un unico form
• Creazione form multi step
• Organizzare un form in differenti componenti indipendenti
• FormArray: validare array di form, rimuovere e aggiungere elementi
• Creare form a runtime tramite l’utilizzo di API low-level del framework
• Differenti tecniche, più o meno complesse, per la generazione di form dinamici a partire da un formato JSON
• Creare componenti custom FormControl con ControlValueAccessor: creare custom form control e integrazione con il sistema di validazione del framework. Alcuni esempi tipici sono Color Picker, Calendar e simili
• BONUS: creare validatori custom sincroni e asincroni per i template driven form tramite la creazione di direttive custom riutilizzabili

Registrati

A chi è rivolto

Questo corso intensivo si rivolge a tutti gli sviluppatori che già utilizzano Angular o che desiderano esplorare le potenzialità offerte dal framework per quando 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à.

Requisiti di partecipazione

Per partecipare è necessario, o quanto meno fortemente consigliato, che tu conosca già i concetti fondamentali alla base di Angular: utilizzo di direttive ngIf, ngFor, ngSwitch; basi sul concetto di servizi e dependency injection; comunicazione con il server tramite HttpClient e realizzazione di componenti custom.

Informazioni utili

La durata del corso è di una giornata (7 ore) e si terrà Giovedì 13 Giugno nella stessa location della conferenza. I biglietti sono venduti separatamente da quelli per la conferenza. Il corso si tiene in italiano e non è indispensabile portare il proprio computer perché non sono previste esercitazioni in aula.

Programma

REGISTRAZIONE
9:00 - 9:30

ORARI
9:30 - 17:30 (coffee break e pranzo inclusi)

Sede

Hotel San Marco
Via Longhena, 42
37138 Verona — Italy
045569011
045572299
http://www.sanmarco.vr.it/
L'hotel offre tariffe scontate ai partecipanti al workshop, sia per camere singole che doppie.

Acquista il biglietto!

Fabio Biondi is both a community leader and a frequent contributor in many Italian front-end usergroups (Angular, React, Javascript). He's a Google Developer Expert in Web Technologies and Angular with more than 15 years of experience in developing enterprise level applications, interactive experiences and UI components in several languages and web technologies.
Currently, he holds meetups, events and training courses all over Italy.
His particular specialism is front-end applications and related aspects, both visuals and architectural. He daily uses cutting-edge libraries and frameworks offering training, development, code review and consulting on Angular, React, Vue.js, Typescript/ES6, Redux, NGRX, RxJS, Firebase, D3.js and several other web technologies.