Angular Masterclass · CORSO LIVE
Angular, dalle fondamenta in su.
Angular Masterclass è il percorso live che costruisce una competenza completa su Angular: dai concetti fondamentali agli strumenti più recenti del framework, con esercitazioni pratiche in ogni sessione.
Angular è un framework ampio, e imparare "abbastanza per lavorare" spesso significa lasciare buchi che si pagano più avanti. Il corso lo copre in modo completo e ordinato — a partire dal sistema di tipi di TypeScript su cui si basa, fino a RxJS per la gestione dei flussi asincroni — cosicché ogni sessione costruisca sulla precedente invece di limitarsi ad aggiungere argomenti scollegati.
Il programma
Il percorso, sessione per sessione
Le basi di TypeScript necessarie al framework, i building block di Angular, i meccanismi meno visibili sotto il cofano e RxJS per i flussi asincroni.
-
TypeScript
-
01
Fondamenta del linguaggio
Annotazioni e inferenza, tipizzare funzioni, any/void/unknown, array e tuple, object types, interfacce vs type alias, union, intersection e discriminated union.
-
02
Verificare e derivare i tipi
Assertions (as, satisfies, non-null), type guards e assertion functions, never ed exhaustive checks, const assertions, generics di base e avanzati.
-
Componenti
-
03
Fondamenta dei componenti
Anatomia di un'applicazione Angular, componenti, stili e template dinamici, stato del componente, Signals, Input e Output (required, transforms, alias), lifting state up, flusso dati unidirezionale, stateless components — con esercizi di comunicazione fra componenti e di wrapping di un controllo HTML in un componente custom.
-
04
Template, DOM e ciclo di vita
Host binding e host listener, control flow (@if, @switch, @for), stati derivati ed effetti, content projection, lifecycle del componente, DOM API (ElementRef e Renderer2).
-
Riuso e dati
-
05
Direttive, pipe e servizi
Direttive attribute e structural, creazione di una direttiva strutturale custom, directive composition, pipe, servizi e dependency injection.
-
06
Dati remoti e routing
Comunicazione con il server, esercizio con HttpClient e httpResource, Angular Router — rotte annidate, parametri, redirect, navigazione via codice, lazy loading, guardie, route providers.
-
Oltre i fondamentali
-
07
Approfondimenti su Angular
Change detection: da ZoneJS a OnPush, model inputs, linked signals, signal queries (viewChild, viewChildren, contentChild, contentChildren), NgModules, deferrable views, template-driven forms, reactive forms e signal forms a confronto, controlli custom.
-
08
RxJS e programmazione reattiva
Panoramica RxJS fino agli operatori di flattening e ai Subject, RxJS in Angular, interceptors, Signals e RxJS, esercizio su stati derivati asincroni con gestione di concorrenza e backpressure.
Al termine del percorso
Cosa saprai fare
- ✓Usare il sistema di tipi di TypeScript per scrivere codice Angular più sicuro
- ✓Costruire componenti gestendo stato, Signals e comunicazione tra componenti
- ✓Padroneggiare template dinamici, ciclo di vita dei componenti e DOM API
- ✓Creare direttive e pipe custom
- ✓Strutturare servizi e dependency injection
- ✓Comunicare con il server con HttpClient e httpResource
- ✓Configurare routing, lazy loading e guardie di navigazione
- ✓Ottimizzare la change detection e usare le API più recenti (model inputs, linked signals, signal queries, deferrable views)
- ✓Scegliere con criterio tra template-driven, reactive e signal forms
- ✓Gestire flussi asincroni con RxJS, in Angular e insieme ai Signals
A chi è rivolto
Per chi vuole imparare Angular in modo solido
Adatto sia a chi non ha mai usato Angular sia a chi lo usa già ma vuole colmare lacune sui fondamentali.
- Sviluppatori JavaScript che vogliono imparare Angular (e il TypeScript che serve per usarlo bene) da zero
- Chi usa già Angular ma con basi incomplete
- Team che stanno adottando Angular come framework
Prerequisiti: JavaScript moderno (ES6+), basi di HTML e CSS. Non è richiesta esperienza pregressa né con Angular né con TypeScript: il corso costruisce anche quelle basi.
Il team vuole concentrarsi sulle decisioni architetturali invece che sui building block di Angular? Angular Architecture è un percorso diverso, non necessariamente successivo a questo.
Chi guida il percorso
Il docente
Michele Stieven
Trainer, speaker e autore · Front-end & Angular
Michele si occupa di sviluppo front-end e formazione professionale da oltre 10 anni. È intervenuto come speaker in conferenze come Angular Day e Codemotion, ed è autore di diversi e-book dedicati alle decisioni strutturali che determinano la sostenibilità di applicazioni nel tempo. Maggiori informazioni →
- Autore di diversi e-book
- 10+ anni di formazione professionale su Angular
- Speaker in conferenze come Angular Day e Codemotion
Con chi ho lavorato
Ho lavorato con startup e gruppi enterprise, in banking, assicurazioni, media (quella che ti fa vedere le partite, per dire) e software gestionale (quello che ti genera le fatture) — spesso sotto NDA, quindi niente nomi qui. Considerala una garanzia anticipata: la stessa riservatezza varrà anche per voi.
Alcuni degli eventi a cui ho partecipato come speaker
Informazioni pratiche
Informazioni pratiche
- Durata
- 32 ore suddivise in sessioni da 4h
- Partecipanti
- Massimo 15 per edizione
- Modalità
- Live, online
- Lingua
- Italiano
- Materiali
- Repository di esempi e materiali di riferimento
- Calendario
- Da concordare in base agli impegni del team
Domande frequenti
FAQ
È richiesta esperienza pregressa con Angular?
No, il corso parte dai fondamenti, incluse le basi di TypeScript necessarie. Servono solo JavaScript moderno (ES6+) e HTML/CSS.
Serve già conoscere TypeScript?
No: il percorso costruisce le basi di TypeScript necessarie per lavorare con sicurezza su Angular prima di addentrarsi nel framework.
Il corso copre anche RxJS?
Sì, la parte finale del percorso è dedicata a RxJS: dai concetti di base alla programmazione reattiva applicata ad Angular e ai Signals.
Qual è la differenza con Angular Architecture?
Angular Masterclass insegna Angular da zero, componente dopo componente: sintassi, API e building block del framework. Angular Architecture è un percorso diverso, non necessariamente successivo — si concentra sulle decisioni architetturali (stato, confini, flussi di dati) e può essere seguito anche da chi è agli inizi con Angular.
Sono previsti esercizi pratici?
Sì, esercitazioni pratiche più eventuali progetti o demo che svilupperemo durante il percorso.
Che materiali vengono forniti?
Repository con gli esempi e il materiale usati durante il corso, più risorse di riferimento sugli argomenti trattati.
Come viene organizzato il calendario delle sessioni?
Il calendario viene definito insieme al team in base alle disponibilità reciproche, prima dell'inizio del percorso.
È previsto un attestato di partecipazione?
Sì, ai partecipanti che completano il percorso viene rilasciato un attestato di partecipazione.
Interessato per il tuo team?
Parliamone
Scrivimi per verificare obiettivi, livello del team e calendario possibile — o per valutare insieme quale corso è il punto di partenza giusto.
Contattami →