Struttura del corso

Introduzione

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

Panoramica di TypeScript e ES6 JavaScript

  • Sintassi TypeScript
  • Utilizzo del transpiler TypeScript
  • Configurazione di Angular 12 e TypeScript

Panoramica delle parti di Angular 12

  • Angular CLI
  • Componenti
  • Direttive
  • Input e Output
  • Data Binding e Interpolazione
  • Event Binding
  • Data Modelling
  • Bootstrapping
  • Experimental Webpack

Creare la tua prima applicazione Angular

  • Pianificare l'applicazione
  • Configurare un progetto Angular
  • Creare una UI mobile-friendly utilizzando Bootstrap 4 e Sass

Creare un Componente

  • Comprendere il ciclo di vita del componente
  • Data Flow
  • Utilizzo dei template e degli stili
  • Proiettare contenuti
  • Lavorare con AppModule
  • Lavorare con componenti personalizzati
  • Utilizzare View Encapsulation
  • Implementare Lifecycle Hooks
  • Utilizzare ViewChildren e ContentChildren

Data Binding in Angular 12

  • Comprendere il Property Binding e l'Event Binding
  • Binding e assegnazione di alias a proprietà personalizzate
  • Binding e assegnazione di alias a eventi personalizzati

Lavorare con Direttive

  • Direttive predefinite
  • Direttive personalizzate

Servizi Angular 12

  • Creare un servizio di logging
  • Creare un servizio di dati

Utilizzare l'Iniezione di Dipendenze e Provider

  • Injectors, Provider e Tokens
  • Configurare l'iniezione di dipendenze
  • Configurare il tuo provider
  • Iniettare servizi in componenti, direttive e servizi

Cambiare pagina con Routing

  • Comprendere i diversi metodi di navigazione
  • Strategie di routing
  • Configurare le rotte
  • Configurare e caricare le rotte
  • Utilizzare parametri nelle rotte
  • Creare rotte annidate
  • Utilizzare rotte di redirect e rotte wildcard
  • Comprendere i route guards

Utilizzare RxJS per creare e lavorare con observables in Angular

  • Panoramica degli observable
  • Panoramica di RxJS
  • Costruire e utilizzare observable in Angular

Generare form per l'inserimento utente

  • Utilizzare i template driven forms
  • Utilizzare i reactive forms
  • Creare validazione personalizzata
  • Validare, filtrare e sanificare dati form

Utilizzare Pipes

  • Trasformare l'output
  • Pipes predefiniti
  • Async Pipe
  • Pipes personalizzati

Eseguire chiamate a HTTP APIs esterne

  • Inviare richieste

Testare l'applicazione Angular 12

  • Utilizzare Jasmine per il test unitario
  • Esplorare alternative a Protractor per il test end-to-end

Debuggare l'applicazione

  • Comprendere i messaggi di errore in Angular
  • Utilizzare sourcemaps per debuggare il codice nel browser
  • Lettura delle diagnostiche del compilatore TypeScript
  • Utilizzare Augury per debuggare all'interno di un browser

Ottimizzare l'applicazione Angular 12

  • Rielaborare il codice
  • Ridurre la dimensione del bundle ed eliminare il codice inutilizzato

Sicurezza di Angular 12

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

Distribuire un'applicazione Angular 12 in produzione

  • Distribuzione su IIS, Apache, Nginx, ecc.

Best Practice di Angular 12

Risoluzione dei problemi

Riassunto e Conclusione

Requisiti

  • Familiarità con HTML di base, CSS e JavaScript

Audience

  • Sviluppatori
  • Programmatori
 28 Ore

Numero di Partecipanti


Prezzo per Partecipante

Recensioni (4)

Corsi in Arrivo

Categorie relative