Struttura del corso

Introduzione

  • Che cos'è Angular?
  • Angular contro React contro Vue
  • Panoramica di Angular 16 funzionalità e architettura
  • Impostazione dell'ambiente di sviluppo

Introduttiva

  • Creazione di un nuovo progetto Angular 16 utilizzando Angular CLI
  • Esplorazione della struttura e dei file del progetto
  • Esecuzione e gestione dell'applicazione
  • Visualizzazione dei dati mediante interpolazione ed espressioni

Componenti

  • Comprendere il ruolo dei componenti in Angular 16
  • Creazione e utilizzo di componenti
  • Passaggio di dati tra i componenti utilizzando input e output
  • Utilizzo degli hook del ciclo di vita dei componenti

Direttive

  • Comprendere la differenza tra direttive strutturali e direttive attributi
  • Creazione e utilizzo di direttive predefinite come ngIf, ngFor, ngSwitch, ecc.
  • Creazione e utilizzo di direttive personalizzate

Cornamusa

  • Comprendere lo scopo dei tubi in Angular 16
  • Creazione e utilizzo di pipe predefinite come data, valuta, json, ecc.
  • Creazione e utilizzo di condotte personalizzate

Servizi

  • Comprendere il ruolo dei servizi in Angular 16
  • Creazione e utilizzo di servizi
  • Inserimento di dipendenze tramite provider

Moduli

  • Comprendere il ruolo dei moduli in Angular 16
  • Creazione e utilizzo di moduli
  • Importazione ed esportazione di moduli

Associazione dati

  • Comprendere la differenza tra associazione dati unidirezionale e bidirezionale
  • Creazione e utilizzo dell'associazione di proprietà, dell'associazione di eventi e della sintassi banana-in-a-box
  • Utilizzo delle variabili di riferimento del modello

Instradamento

  • Comprendere il ruolo dell'instradamento in Angular 16
  • Creazione e configurazione di route
  • Navigazione tra i percorsi utilizzando routerLink e router.navigate
  • Utilizzo di parametri di route, parametri di query e frammenti

Modulistica

  • Comprendere la differenza tra moduli basati su modelli e moduli reattivi
  • Creazione e convalida di moduli utilizzando controlli modulo, gruppi di moduli, matrici di moduli, ecc.
  • Utilizzo di validatori integrati come required, minLength, maxLength, ecc.
  • Creazione e utilizzo di validatori personalizzati

HTTP Client

  • Informazioni sul ruolo del client HTTP in Angular 16
  • Creazione e utilizzo di richieste HTTP per comunicare con i servizi back-end
  • Utilizzo di observables per gestire flussi di dati asincroni
  • Utilizzo degli intercettori per modificare o gestire le richieste o le risposte HTTP

Debug

  • Informazioni sugli errori e i bug comuni nelle applicazioni Angular 16
  • Utilizzo di Chrome DevTools per ispezionare elementi, sorgenti, rete, console, ecc.
  • Uso di punti di interruzione, espressioni di controllo, stack di chiamate e così via per eseguire il debug del codice

Collaudo

  • Comprendere l'importanza dei test in Angular 16 applicazioni
  • Utilizzo di Jest come framework di test alternativo
  • Utilizzo di Karma come test runner per unit test
  • Utilizzo di Protractor come strumento di test end-to-end

Riepilogo e prossime tappe

Requisiti

  • Comprensione di HTML, CSS e JavaScript
  • Esperienza con TypeScript e RxJS
  • Esperienza di sviluppo web

Pubblico

  • Sviluppatori che desiderano imparare a utilizzare Angular 16 per creare applicazioni Web dinamiche e reattive
  • Sviluppatori che desiderano aggiornare le proprie competenze rispetto alle versioni precedenti di Angular
  • Programmatori che desiderano esplorare le nuove funzionalità e gli aggiornamenti di Angular 16
 28 ore

Numero di Partecipanti



Prezzo per Partecipante

Recensioni (10)

Corsi relativi

Categorie relative