Struttura del corso

Introduzione

  • Cos'è Angular?
  • Cosa c'è di nuovo in Angular 12?

Panoramica di Typescript e ES6 JavaScript

  • Sintassi TypeScript
  • Utilizzo del transpiler TypeScript
  • Impostazione di Angular 12e Typescript

Panoramica delle parti di Angular 12

  • CLI angolare
  • Componenti
  • Direttive
  • Ingressi e uscite
  • Associazione e interpolazione dei dati
  • Associazione di eventi
  • Modellazione dei dati
  • Bootstrapping
  • Webpack sperimentale

Creazione della prima applicazione Angular

  • Pianificazione dell'applicazione
  • Impostazione di un progetto angolare
  • Creazione di un'interfaccia utente ottimizzata per i dispositivi mobili utilizzando Bootstrap 4 e Sass

Creazione di un componente

  • Informazioni sul ciclo di vita dei componenti
  • Flusso di dati
  • Utilizzo di modelli e stili
  • Proiezione del contenuto
  • Utilizzo di AppModule
  • Utilizzo di componenti personalizzati
  • Utilizzo dell'incapsulamento della vista
  • Implementazione degli hook del ciclo di vita
  • Utilizzo di ViewChildren e ContentChildren

Associazione dati in Angular 12

  • Informazioni sull'associazione di proprietà ed eventi
  • Associazione e assegnazione di alias a proprietà personalizzate
  • Associazione e assegnazione di alias a eventi personalizzati

Lavorare con le direttive

  • Direttive predefinite
  • Direttive doganali

Angular 12 Servizi

  • Creazione di un servizio di registrazione
  • Creazione di un servizio dati

Utilizzo dell'inserimento delle dipendenze e dei provider

  • Iniettori, provider e token
  • Configurazione dell'inserimento delle dipendenze
  • Configurazione del provider
  • Inserimento di servizi in componenti, direttive e servizi

Passare da una pagina all'altra con l'instradamento

  • Comprendere i diversi metodi di navigazione
  • Strategie di instradamento
  • Impostazione dei percorsi
  • Configurazione e caricamento dei percorsi
  • Utilizzo dei parametri nei percorsi
  • Creazione di route nidificate
  • Utilizzo di route di reindirizzamento e con caratteri jolly
  • Informazioni sulle protezioni di percorso

Usare RxJS per creare e lavorare con osservabili in Angular

  • Panoramica delle osservabili
  • Panoramica di RxJS
  • Costruire e usare le osservabili in Angular

Generazione di moduli per l'input dell'utente

  • Utilizzo dei moduli basati su modelli
  • Utilizzo delle forme Reactive
  • Creazione di una convalida personalizzata
  • Convalida, filtraggio e sanificazione dei dati dei moduli

Utilizzo delle pipe

  • Trasformazione dell'output
  • Tubi incorporati
  • Pipe asincrona
  • Tubi personalizzati

Esecuzione di chiamate ad API HTTP esterne

  • Invio di richieste

Test dell'applicazione Angular 12 

  • Utilizzo di Jasmine per i test unitari
  • Esplorare Protractor alternative per i test end-to-end

Debug dell'applicazione

  • Informazioni sui messaggi di errore in Angular
  • Utilizzo delle mappe di origine per eseguire il debug del codice nel browser
  • Lettura TypeScript Diagnostica del compilatore
  • Utilizzo di Augury per eseguire il debug all'interno di un browser

Ottimizzazione dell'applicazione Angular 12 

  • Rielaborazione del codice
  • Riduzione delle dimensioni del bundle ed eliminazione del dead-code

Angular 12 Sicurezza

  • Come funziona l'autenticazione
  • Utilizzo dell'autenticazione JWT
  • Cosa dovrebbe e non dovrebbe essere scritto in Angular

Distribuzione di un'applicazione Angular 12 nell'ambiente di produzione

  • Distribuzione in IIS, Apache, Nginx e così via.

Angular 12 Procedure consigliate. 

Risoluzione dei problemi

Riassunto e conclusione

Requisiti

  • Familiarità con HTML, CSS e JavaScript

Pubblico

  • Gli sviluppatori
  • Programmatori
  28 ore
 

Numero di Partecipanti


Data Inizio

Data Fine


Le date sono soggette a disponibilità e si svolgono tra le 09:30 e le 16:30.
I corsi di formazione pubblici richiedono più di 5 partecipanti.

Recensioni (2)

Corsi relativi

Categorie relative