Angular 22 è l’evoluzione del framework open source sviluppato da Google per la realizzazione di applicazioni web moderne, dinamiche e performanti. La nuova versione consolida le funzionalità introdotte nelle release precedenti e introduce miglioramenti alla reattività, alla gestione dei dati, ai template e agli strumenti di sviluppo.
Il corso approfondisce le funzionalità più recenti del framework, con particolare attenzione ai componenti standalone, ai Signals, alle API per la gestione asincrona dei dati e alle nuove funzionalità dei template. Verranno inoltre esaminate le strategie per ottimizzare le prestazioni delle applicazioni, gestire il routing e implementare test efficaci.
Il percorso consente di aggiornare le proprie competenze di sviluppo Angular, adottando le best practice attuali e strumenti utili per realizzare applicazioni scalabili, manutenibili e accessibili.
Course objectives
Al termine del percorso, i partecipanti saranno in grado di:
- Comprendere le principali novità introdotte da Angular 22 rispetto alle versioni precedenti.
- Utilizzare componenti standalone e le moderne funzionalità del framework.
- Gestire lo stato dell’applicazione attraverso Signals e le API reattive.
- Sviluppare interfacce dinamiche utilizzando le funzionalità avanzate dei template.
- Gestire il routing e approfondire le strategie di rendering delle applicazioni web.
- Migliorare le prestazioni e la manutenibilità del codice.
- Applicare strategie di testing e buone pratiche di sviluppo.
- Approfondire i principi di accessibilità nella realizzazione di interfacce web.
Programma didattico
1. Introduzione ad Angular 22
- Evoluzione del framework e principali novità.
- Architettura delle applicazioni Angular moderne.
- Ambiente di sviluppo e Angular CLI.
- Aggiornamento dei progetti e strumenti di migrazione.
2. Componenti e architettura
- Componenti standalone e organizzazione del progetto.
- Input, output e comunicazione tra componenti.
- Dependency Injection e servizi.
- Organizzazione del codice e riutilizzabilità.
3. Signals e programmazione reattiva
- Introduzione ai Signals e gestione dello stato.
- Computed Signals e linkedSignal.
- Gestione dei dati asincroni con le API disponibili.
- Integrazione con servizi e richieste HTTP.
4. Template e interfacce dinamiche
- Sintassi moderna dei template.
- Strutture di controllo e gestione delle liste.
- Binding, eventi e gestione dei dati.
- Form e validazione degli input.
- Introduzione alle Signal Forms.
5. Routing e rendering
- Configurazione e gestione delle rotte.
- Navigazione e passaggio dei parametri.
- Lazy loading e ottimizzazione del caricamento.
- Rendering lato client e lato server.
6. Prestazioni, testing e qualità del codice
- Change Detection e architettura zoneless.
- Strategie di ottimizzazione delle applicazioni.
- Testing dei componenti e dei servizi.
- Utilizzo degli strumenti di test dell’ecosistema Angular.
- Accessibilità e buone pratiche di sviluppo.
Recipients
Il corso è rivolto a sviluppatori software, web developer e professionisti IT che desiderano aggiornare le proprie competenze nello sviluppo di applicazioni web con Angular.
Prerequisites
È consigliata una conoscenza di base di HTML, CSS, JavaScript e TypeScript, oltre a una familiarità con i concetti fondamentali dello sviluppo web. È preferibile avere già esperienza con Angular.