Angular Core Concepts
Le principali funzionalità di Angular (v.22+) per acquisire una solida base sul framework.

- Durata
- 16h
- Sessioni
- 4 da 4h
- Livello
- Base
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
In questo corso imparerai a:
- • creare progetti Standalone in Angular v.22
- • gestire template interattivi
- • gestire stili dinamici
- • comunicare con REST API
- • creare semplici applicazioni multi-view con il router
- • organizzare il layout in componenti
- • gestire semplici form
- • creare la prima applicazioni CRUD
Durante il corso sarà, inoltre, configurato l'ambiente di lavoro insieme ai partecipanti - Node, npm, Ide/Editor - e sviluppati diversi esempi pratici
Obiettivo
Requisiti
Aver già utilizzato HTML, CSS e Javascript ES6 sicuramente saranno di grande aiuto.
Se pensi di avere delle carenze su JavaScript e TypeScript, potresti prendere in considerazione i corsi JavaScript per Front-End Developer e TypeScript per Front-End Developer
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 Environment & Tools
- 01Node.js, NPM e gestione versioni con NVM
- 02Configurare l'ambiente di lavoro
- 03Angular CLI e creazione progetti
M02 Angular Fundamentals
- 01Progetti standalone in Angular v.22+
- 02Struttura del progetto
- 03Text Interpolation, Property Binding, Dynamic Templates
- 04Decoratore
@Component - 05Eventi mouse e keyboard, Angular Dev Tools
M03 Dynamic Templates
- 01Built-in pipes
- 02Control Flow:
@if,@switch,@for - 03
@for:@empty,track, contextual variables - 04
viewChilde Template Reference Variables
M04 Dynamic Styling
- 01Inline e external CSS,
ngClassengStyle - 02Integrazione Bootstrap e Tailwind
- 01Inline e external CSS,
M05 Signals
- 01Introduzione ai Signals, stato locale
- 02Signal:
set,update,effect,computed,linkedSignal - 03Linked Signals (v.19), stati derivati
M06 Router
- 01Applicazioni multi-view, configurazione delle rotte
- 02Navigazione tra le pagine:
routerLink,RouterOutlet, navigazione programmatica conRouter - 03Passaggio di parametri (
withComponentInputBinding), query params - 04Lazy loading dei componenti con
loadComponent
Prima di questo corso...
8h · BaseJavaScript per Front-End Developer
Un corso propedeutico sulle funzionalità di JavaScript che ogni sviluppatore front-end dovrebbe conoscere.
12h · IntermedioTypeScript per Front-End Developer
Sintassi e concetti TypeScript da conoscere prima di studiare Angular, React o qualunque altro framework.
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.
16h · IntermedioMastering Angular
Approfondimento sul framework per la creazione di progetti modulari, scalabili e performanti, applicando pattern e best practice.
8h · IntermedioAngular Signal Forms
Le nuove API per la creazione di form in Angular, basate sui Signal: masterclass intensiva, reattiva e moderna.