FabioBiondi.
← tutti i corsi
// corso · 2026angular

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
[ descrizione ]

Di cosa parla
questo corso.

Contesto, obiettivi e taglio del corso. Tutto è personalizzabile in base a stack e team — questa è la base di partenza.

§01

INTRODUZIONE

Acquisire il know-how necessario per la creazione di progetti Angular di una certa complessità applicando pattern, best practice e sfruttando le API più recenti per la creazione di Single Page Application:
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.
§02

OBIETTIVO DEL CORSO

Andare oltre le basi!
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
§03

REQUISITI

Conoscere le fondamenta del framework: binding, control flow blocks, dependency injection e comunicazione con REST API, ovvero gli argomenti alla base del corso introduttivo Angular Core Concepts
[ programma ]

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.

6 moduli · 27 argomenti
  1. M01

    Components & Signals

    • Signal Inputs
    • Passaggio dati tra componenti
    • Signal Inputs
    • Computed Signals: vantaggi e performance
    • Signal effects
    • Linked Signals
    • Opzioni:alias, required, transform, numberAttribute, booleanAttribute
  2. M02

    Stateless Components

    • ng-content e Content Projection
    • model e 2-way binding
    • output API
    • Comunicazione REST conResource API, httpResource e , RxResource
  3. M03

    Components Based Approach

    • Organizzare la UI in componenti riutilizzabili
    • Strategie di comunicazione, Drilling Props, 1-way data flow
    • Drilling Props
    • 1-way data flow architectures
    • Stateful vs Stateless components
  4. M04

    Router avanzato

    • Standalone routing, proprietà data, lazy loading
    • Gestione parametri: approccio imperativo, con RxJS o Signal Based
    • Nested routes
    • Router events
    • Router guards
  5. M05

    DEPENDENCY INJECTION

    • Provider & Services
    • Local e Global State Management, con Signals (o RxJS)
    • La gerarchia degli injector
  6. M06

    Performance

    • Analisi Performance e lifecycle dei components
    • Angular Dev Tools
    • Strategie di Change Detection, OnPush e @defer

Pronto a portarlo nel tuo team?

Contattami →