Angular Architecture · CORSO LIVE
Il codice accelera. L'architettura decide.
Angular Architecture è il percorso live per team che sviluppano in Angular e vogliono governare consapevolmente la crescita della propria codebase — anche quando gran parte del codice comincia a scriverlo l'AI.
Perché ora
Quello che resta scarso — e per questo diventa prezioso — è saper decidere quale codice va prodotto.
Quando l'AI rende la scrittura del codice sempre più economica, il valore dello sviluppatore si sposta: dalla velocità di implementazione alla qualità delle decisioni che la guidano. Il corso allena esattamente questo spostamento — non in astratto, ma dentro una codebase Angular reale che cresce sessione dopo sessione.
- Comprendere e scomporre i problemi
- Definire confini e responsabilità
- Governare stato e flussi di dati
- Rendere espliciti vincoli e invarianti
- Fornire all'AI il contesto corretto
- Verificare che il codice generato sia coerente con il sistema
L'AI può contribuire all'implementazione.Il team deve continuare a possedere la mappa del sistema.
Per essere precisi, il corso non è:
- un'introduzione ad Angular
- un corso su come scrivere prompt
- una consulenza sulla vostra architettura
- una raccolta di pattern da applicare a memoria
- formazione sull'integrazione di feature AI nel prodotto
Come funziona
Non un corso di slide
Un metodo pensato per far emergere le decisioni, non solo per spiegarle — costruito attorno a un'unica applicazione che cresce con il gruppo.
Una codebase che evolve
Non esercizi isolati: una stessa applicazione Angular cresce lungo tutto il percorso, così le conseguenze delle decisioni si vedono nel tempo, non solo in teoria.
Decisioni esplicite, non ricette
Ogni sessione alterna concetti, scelte progettuali, implementazione, esercizi, discussione e verifica. Meno formule, più criteri per decidere caso per caso.
Leggibile anche per l'AI
Le decisioni prese restano esplicite abbastanza da poter essere descritte a un'AI o valutate quando è lei a scrivere il codice — non perché il corso ne faccia un uso costante, ma perché è il miglior banco di prova per un'architettura chiara.
Gli esercizi si svolgono su una codebase didattica comune. L'analisi della codebase aziendale non è inclusa nel corso e può essere oggetto di una consulenza separata.
Il programma
Il percorso, sessione per sessione
Il modo di pensare il sistema, gli strumenti per costruirlo e i criteri per farlo scalare senza perdere il controllo.
-
Fondamenta
-
01
Pensare in sistemi
Che cos'è l'architettura front-end, perché ogni stato in più è una responsabilità in più, e quali decisioni contano prima di scegliere gli strumenti del framework.
-
02
Stato e componenti
Cos'è uno stato e chi lo possiede, componenti con e senza stato, dati che scendono ed eventi che risalgono, stato condiviso e lifting state up, componenti controllabili, durata e ciclo di vita dello stato.
-
Costruzione
-
03
Valori derivati, effetti e immutabilità
Distinguere stato reale e valori derivati, quando un effetto serve davvero a sincronizzare il mondo esterno, aggiornare senza mutare, normalizzare i dati (una sola copia per entità) e rendere impossibili gli stati impossibili.
-
04
Stato oltre i confini del componente
Stato del browser e dell'URL, una richiesta come sequenza di stati, gestire operazioni concorrenti, perché lo stato del server non è stato locale, provider e dependency injection, comporre una schermata da più sorgenti di stato.
-
05
Macchine a stati, form e store
Modellare transizioni con macchine a stati, form e bozze modificabili, mutazioni e aggiornamenti ottimistici, e i criteri per capire quando serve davvero uno store.
-
06
Signals, RxJS e strumenti Angular
Tradurre i principi del corso negli strumenti concreti di Angular — Signals, RxJS, servizi e store — scelti in funzione del problema, non per abitudine.
-
Evoluzione
-
07
Domini, responsabilità e scala
Separare dominio, stato e interfaccia; organizzare la codebase per feature via via che cresce; aggiornamenti in tempo reale, cronologia, testare stato e transizioni, granularità e prestazioni.
-
08
Una feature completa
Una funzionalità reale che riunisce i principi del corso senza applicarli meccanicamente — compresa la revisione critica del codice generato da un'AI e la comunicazione esplicita delle decisioni prese.
L'AI non è protagonista del corso: emerge quando serve verificare se una decisione è abbastanza esplicita da poter essere descritta, capita e valutata — anche da chi, o cosa, non l'ha presa.
Al termine del percorso
Cosa il team saprà fare
- ✓Leggere un'applicazione Angular come sistema di stato, componenti e responsabilità
- ✓Stabilire dove vive lo stato, chi ne possiede le modifiche e quanto deve durare
- ✓Distinguere stato reale e valori derivati, evitando duplicazioni da sincronizzare a mano
- ✓Usare gli effetti solo per sincronizzare il mondo esterno, non come collante generico
- ✓Aggiornare lo stato senza mutazioni nascoste e normalizzare i dati condivisi
- ✓Modellare transizioni con macchine a stati e rendere impossibili gli stati impossibili
- ✓Gestire stato del browser, dell'URL, di richieste concorrenti e dello stato remoto
- ✓Gestire form come bozze modificabili e aggiornamenti ottimistici senza duplicare lo stato remoto
- ✓Scegliere consapevolmente tra Signals, RxJS e uno store, e capire quando serve davvero
- ✓Organizzare la codebase per feature e domini, con confini e API interne intenzionali
- ✓Riconoscere accoppiamenti e astrazioni premature
- ✓Tradurre decisioni architetturali in regole verificabili e descrivibili
- ✓Revisionare il codice generato dall'AI sul piano architetturale, non solo sintattico
A chi è rivolto
Per chi vuole affrontare l'architettura, non solo la sintassi di Angular
Il percorso si concentra sulle decisioni architetturali: non spiega guardie, differenze tra form reattivi e template-driven, direttive o altri building block di Angular, che si considerano già noti almeno a livello di base. Per questo è adatto sia a chi scrive Angular da anni sia a chi è agli inizi, in team che fanno crescere o modernizzano una codebase, introducono l'AI nel processo di sviluppo, o vogliono semplicemente un linguaggio architetturale condiviso.
- Sviluppatori Angular, anche alle prime armi con il framework
- Senior developer e tech lead
- Team in crescita o modernizzazione
- Aziende che introducono AI nello sviluppo
- Gruppi che vogliono un linguaggio comune
Prerequisiti: conoscenza di base di Angular (componenti, servizi) e di programmazione front-end. Il corso non spiega guardie, form reattivi vs template-driven, direttive o altri building block del framework — si concentra sulle decisioni architetturali che li usano.
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
- 12 ore suddivise in sessioni da 4h
- Partecipanti
- Massimo 15 per edizione
- Modalità
- Live, online
- Lingua
- Italiano
- Materiali
- Repository didattico e materiali di riferimento
- Calendario
- Da concordare in base agli impegni del team
Domande frequenti
FAQ
Che livello devono avere i partecipanti?
Il corso non insegna i building block di Angular (guardie, differenze tra form reattivi e template-driven, direttive...): si concentra sulle decisioni architetturali. È adatto sia a chi scrive Angular da anni sia a chi è agli inizi, purché abbia una conoscenza di base del framework e di programmazione front-end.
Il corso è online o in presenza?
È erogato interamente live, online. La modalità in presenza può essere valutata come opzione dedicata in fase di contatto, in base a sede e disponibilità.
È disponibile anche in inglese?
Sì, il corso può essere erogato in italiano oppure in inglese: la lingua si concorda con l'azienda prima dell'inizio del percorso.
È necessario usare uno strumento AI specifico?
No, e il corso non ne fa un uso costante: lavora su principi di leggibilità e comunicazione delle decisioni che restano validi con qualsiasi strumento AI, indipendentemente da quello adottato in azienda.
Sono previsti esercizi pratici?
Sì. Ogni sessione alterna teoria, decisioni progettuali ed esercitazioni pratiche su una codebase didattica comune, che evolve lungo tutto il percorso.
Viene analizzata la nostra codebase aziendale?
No, non è inclusa nel corso: gli esercizi si svolgono su una codebase didattica condivisa. Un'analisi mirata della vostra codebase può essere organizzata come consulenza separata, da discutere a parte.
Le sessioni vengono registrate?
La possibilità di registrazione si concorda con l'azienda prima dell'avvio del corso, in base alle esigenze interne del team.
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 →