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

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

Un corso sulle principali funzionalità di Angular per acquisire una solida base sul framework e iniziare a sviluppare le prime Single Page Applications.

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
§02

Obiettivo

Al termine del corso i partecipanti saranno in grado di creare le prime semplici applicazioni Angular
§03

Requisiti

Familiarità con almeno un linguaggio di programmazione e, possibilmente, conoscere i concetti fondamentali su cui si basa il paradigma della programmazione ad oggetti.
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
[ 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 · 21 argomenti
  1. M01

    Environment & Tools

    • Node.js, NPM e gestione versioni con NVM
    • Configurare l'ambiente di lavoro
    • Angular CLI e creazione progetti
  2. M02

    Angular Fundamentals

    • Progetti standalone in Angular v.22+
    • Struttura del progetto
    • Text Interpolation, Property Binding, Dynamic Templates
    • Decoratore @Component
    • Eventi mouse e keyboard, Angular Dev Tools
  3. M03

    Dynamic Templates

    • Built-in pipes
    • Control Flow: @if, @switch, @for
    • @for: @empty, track, contextual variables
    • viewChild e Template Reference Variables
  4. M04

    Dynamic Styling

    • Inline e external CSS, ngClass e ngStyle
    • Integrazione Bootstrap e Tailwind
  5. M05

    Signals

    • Introduzione ai Signals, stato locale
    • Signal: set, update, effect, computed, linkedSignal
    • Linked Signals (v.19), stati derivati
  6. M06

    Router

    • Applicazioni multi-view, configurazione delle rotte
    • Navigazione tra le pagine: routerLink, RouterOutlet, navigazione programmatica con Router
    • Passaggio di parametri (withComponentInputBinding), query params
    • Lazy loading dei componenti con loadComponent

Pronto a portarlo nel tuo team?

Contattami →