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
Recensioni (4)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Corso - Angular 12
The experience and patience of the trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Corso - Angular 12
I liked teaching style
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Corso - Angular 12
Pipe Routing Data Biding Services