Mastering Angular
Approfondimento sul framework per la creazione di progetti modulari, scalabili e performanti, applicando pattern e best practice.

- Durata
- 16h
- Sessioni
- 4 da 4h
- Livello
- Intermedio
Di cosa parla
questo corso.
Contesto, obiettivi e taglio del corso. Tutto è personalizzabile in base a stack e team — questa è la base di partenza.
INTRODUZIONE
gestire lo stato applicativo, approfondimento sui componenti, strutturare pagine complesse, utilizzare le guardie del router e gli interceptor per gestire il processo di sicurezza e autenticazione, ottimizzazione delle performance, approfondimento sul router, creazione codice scalabile ed efficiente.
OBIETTIVO DEL CORSO
un approfondimento sul framework, analizzando API, best practice e applicando tecniche di "clean coding".
Alcuni degli argomenti trattati:
- • standalone components vs modules
- • approfondimento sulla creazione di componenti riutilizzabili
- • refactoring di pagine/componente per migliorarne la manutenibilità
- • simulare e gestire un processo di autenticazione JWT
- • HTTP Interceptors
- • approfondimento sul router: nested routes, RxJS, guardie, ...
- • approfondimento su dependency injection;
- • ottimizzazione performance: change detection, lazy loading e
@defer
REQUISITI
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.
M01 Components & Signals
- 01Signal Inputs
- 02Passaggio dati tra componenti
- 03
Signal Inputs - 04Computed Signals: vantaggi e performance
- 05Signal effects
- 06Linked Signals
- 07Opzioni:
alias,required,transform,numberAttribute,booleanAttribute
M02 Stateless Components
- 01
ng-contente Content Projection - 02
modele 2-way binding - 03
outputAPI - 04Comunicazione REST con
ResourceAPI,httpResourcee ,RxResource
- 01
M03 Components Based Approach
- 01Organizzare la UI in componenti riutilizzabili
- 02Strategie di comunicazione, Drilling Props, 1-way data flow
- 03Drilling Props
- 041-way data flow architectures
- 05Stateful vs Stateless components
M04 Router avanzato
- 01Standalone routing, proprietà
data, lazy loading - 02Gestione parametri: approccio imperativo, con RxJS o Signal Based
- 03Nested routes
- 04Router events
- 05Router guards
- 01Standalone routing, proprietà
M05 DEPENDENCY INJECTION
- 01Provider & Services
- 02Local e Global State Management, con Signals (o RxJS)
- 03La gerarchia degli injector
M06 Performance
- 01Analisi Performance e lifecycle dei components
- 02Angular Dev Tools
- 03Strategie di Change Detection,
OnPushe@defer
Prima di questo corso...
Potrebbero piacerti anche...
12h · IntermedioApplicazioni Agentiche con Angular & Gemini SDK
Interfacce professionali per l'AI, dashboard per la generazione video con Veo e tool di image editing basati su Nano Banana.
8h · IntermedioAngular Signal Forms
Le nuove API per la creazione di form in Angular, basate sui Signal: masterclass intensiva, reattiva e moderna.
8h · IntermedioAngular Reactive Forms
Tutto ciò che devi sapere sui Reactive Forms, lo strumento per form complessi, dinamici e reattivi.

