Struttura del corso

Introduzione

  • Cosa è Angular?
  • Cosa c'è di nuovo in Angular 11?

Panoramica di TypeScript e ES6 JavaScript

  • Sintassi di TypeScript
  • Uso del transpiler TypeScript
  • Configurazione di Angular 11 e TypeScript

Panoramica delle parti di Angular 11

  • Angular CLI
  • Componenti
  • Direttive
  • Input e Output
  • Data Binding e Interpolation
  • Event Binding
  • Data Modelling
  • Bootstrapping
  • Webpack sperimentale

Creazione della tua prima applicazione Angular

  • Pianificazione dell'applicazione
  • Configurazione di un progetto Angular
  • Creazione di un'interfaccia utente mobile-friendly utilizzando Bootstrap 4 e Sass

Creazione di un componente

  • Comprensione del ciclo di vita dei componenti
  • Data Flow
  • Uso di modelli e stili
  • Proiezione di contenuti
  • Lavoro con AppModule
  • Lavoro con componenti personalizzati
  • Uso dell'incapsulamento della vista
  • Implementazione di hook del ciclo di vita
  • Uso di ViewChildren e ContentChildren

Data Binding in Angular 11

  • Comprensione del Property e Event Binding
  • Binding e assegnazione di alias a proprietà personalizzate
  • Binding e assegnazione di alias a eventi personalizzati

Lavoro con le direttive

  • Direttive predefinite
  • Direttive personalizzate

Servizi di Angular 11

  • Creazione di un servizio di logging
  • Creazione di un servizio dati

Uso dell'iniezione di dipendenze e provider

  • Iniettori, Provider e Tokens
  • Configurazione dell'iniezione di dipendenze
  • Configurazione del tuo provider
  • Iniezione di servizi in componenti, direttive e servizi

Cambio pagina con il routing

  • Comprensione dei diversi metodi di navigazione
  • Strategie di routing
  • Configurazione delle rotte
  • Configurazione e caricamento delle rotte
  • Uso di parametri nelle rotte
  • Creazione di rotte annidate
  • Uso di rotte di reindirizzamento e wildcard
  • Comprensione dei Route Guards

Uso di RxJS per creare e lavorare con gli observable in Angular

  • Panoramica degli observable
  • Panoramica di RxJS
  • Creazione e uso di observable in Angular

Generazione di form per l'inserimento dati dell'utente

  • Uso dei Template Driven Forms
  • Uso dei Reactive Forms
  • Creazione di validazioni personalizzate
  • Validazione, filtraggio e sanificazione dei dati del form

Uso di Pipes

  • Trasformazione dell'output
  • Pipes predefiniti
  • Async Pipe
  • Pipes personalizzati

Fare chiamate a API HTTP esterne

  • Inviare richieste

Test dell'applicazione Angular 10

  • Uso di Jasmine per i test unitari
  • Uso di Protractor per i test end-to-end

Debugging dell'applicazione

  • Comprensione dei messaggi di errore in Angular
  • Uso delle sourcemaps per debuggare il codice nel browser
  • Lettura delle diagnostiche del compilatore TypeScript
  • Uso di Augury

Ottimizzazione dell'applicazione Angular 11

  • Rifattorizzazione del codice
  • Riduzione della dimensione dei bundle e eliminazione del dead-code

Sicurezza di Angular 11

  • Come funziona l'autenticazione
  • Uso dell'autenticazione JWT
  • Cosa scrivere e cosa non scrivere in Angular

Distribuzione di un'applicazione Angular 11 in produzione

  • Distribuzione su IIS, Apache, Nginx, ecc.

Best practices di Angular 11

Troubleshooting

Riassunto e conclusione

Requisiti

  • Familiarità con HTML di base, CSS e JavaScript

Audience

  • Sviluppatori
 28 Ore

Numero di Partecipanti


Prezzo per Partecipante

Recensioni (5)

Corsi in Arrivo

Categorie relative