Programma Didattico Corso Angular

Modulo 1: Angular Fundamentals e Sviluppo di Applicazioni

Introduzione ad Angular

• Che cos’è Angular: Panoramica del framework.
• Differenze tra Angular 1 e 2: Evoluzione e novità principali.
• Che cos’è la CLI (Command Line Interface): Installazione e utilizzo pratico.
• La tua prima App: Creazione di un progetto base con Angular.
• Che cos’è TypeScript: Introduzione al linguaggio alla base di Angular.
• Creare un progetto con Bootstrap: Integrazione per migliorare lo stile.

Architettura e Concetti Base

• Come funziona Angular: Analisi del caricamento e entry point.
• Cosa sono i componenti: Struttura e ruolo.
• Creare un nuovo componente: Guida passo-passo.
• AppModule e Component Declaration: Configurazione del modulo principale.
• Utilizzare i componenti custom: Inclusione e utilizzo.
• Creare componenti con la CLI: Automazione del processo.
• Personalizzare gli stili dei componenti: Tecniche e strumenti.
• Il selettore: Uso e personalizzazione.

Data Binding e Interazione con i Componenti

• Il databinding: Come gestire i dati.
• Property binding vs string interpolation: Differenze e usi.
• Event binding: Ascolto e gestione degli eventi.
• Il passaggio dei dati con l’event binding: Comunicazione tra componenti.
• Il two-way binding: Integrazione con FormsModule.

Direttive Angular

• Direttive base: *ngIf, *ngFor, ngStyle, ngClass.
• Approfondimenti sulle direttive: Creazione e utilizzo avanzato.

Debugging e Strutturazione

• Debugging: Tecniche per individuare e risolvere problemi.
• Suddividere un’applicazione in più componenti: Buone pratiche di design.

Funzionalità Avanzate

• Property & Event Binding: Esempi pratici.
• View Encapsulation: Controllo dello stile.
• Le local reference nei template: Utilizzo pratico.
• Il @ViewChild: Accesso ai componenti figli.
• ng-content: Creazione di contenuti dinamici.
• Il ciclo di vita di un’applicazione Angular: Hooks principali.

Servizi, Routing e Reactive Programming

• I servizi e la dependency injection: Condivisione di dati e logica.
• Il routing: Navigazione tra le pagine dell’app.
• Gli observables: Gestione dei flussi di dati asincroni.

Forms e Manipolazione dei Dati

• Maneggiare le form: Template-driven e Reactive Forms.
• Le pipes: Manipolazione e formattazione dell’output.

Richieste HTTP e Componenti Dinamici

• Le richieste HTTP: Comunicazione con server backend.
• Componenti dinamici: Creazione e gestione runtime.