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
Recensioni (5)
Mi è piaciuto che la formazione si sia concentrata maggiormente sul lato pratico.
Mihaela - Ness
Corso - NgRx
Traduzione automatica
Topics that were discussed, lots of live code examples, trainers attitude towards group
Weronika - ATOS PGS sp. z o.o.
Corso - Reactive Programming with Angular RxJS
Mi sono piaciute le tue battute
Dermot - Griffiths & Armour
Corso - Angular 2 Fundamentals
Traduzione automatica
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Corso - Angular 10 for Developers
Pipe Routing Data Biding Services