Struttura del corso
Introduzione
- Cosa è Angular?
- Cosa c'è di nuovo in Angular 10?
Panoramica di TypeScript e ES6 JavaScript
- Sintassi di TypeScript
- Utilizzo del transpiler TypeScript
- Configurazione di Angular 10 e TypeScript
Panoramica delle Parti di Angular 10
- Angular CLI
- Componenti
- Direttive
- Ingressi e Uscite
- Data Binding e Interpolazione
- Binding di Eventi
- Modellizzazione dei Dati
- Bootstrapping
Creare la tua prima Applicazione Angular
- Pianificazione dell'Applicazione
- Configurazione di un Progetto Angular
- Creazione di un'interfaccia utente mobile-friendly utilizzando Bootstrap 4 e Sass
Creare un Componente
- Comprendere il Ciclo di Vita del Componente
- Flusso dei Dati
- Utilizzo di Template e Stili
- Proiezione del Contenuto
- Lavorare con AppModule
- Lavorare con Componenti Personalizzati
- Utilizzo della View Encapsulation
- Implementazione di Lifecycle Hooks
- Utilizzo di ViewChildren e ContentChildren
Data Binding in Angular 10
- Comprendere il Property e Event Binding
- Binding e Assegnazione di Alias a Proprietà Personalizzate
- Binding e Assegnazione di Alias a Eventi Personalizzati
Lavorare con Direttive
- Direttive Integrate
- Direttive Personalizzate
Servizi Angular 10
- Creare un Servizio di Logging
- Creare un Servizio di Dati
Utilizzare l'Iniezione di Dipendenze e Providers
- Injectors, Provider e Tokens
- Configurazione dell'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 Route
- Caricare e Configurare le Route
- Utilizzare Parametri nelle Route
- Creare Route Annidate
- Utilizzare Route di Redirezione e Wildcard
- Comprendere le Route Guards
Utilizzare RxJS per Creare e Lavorare con Observables in Angular
- Panoramica degli Observables
- Panoramica di RxJS
- Creare e Utilizzare Observables in Angular
Generare Form per Input dell'Utente
- Utilizzare i Template Driven Forms
- Utilizzare i Reactive Forms
- Creare validazioni personalizzate
- Validare, filtrare e sanificare i dati del form
Utilizzare Pipes
- Trasformare l'output
- Pipes Integrati
- Async Pipe
- Pipes Personalizzati
Eseguire Chiamate a Esternali HTTP APIs
- Inviare richieste
Utilizzare Moduli Angular
Testare l'Applicazione Angular 10
- Utilizzare Jasmine per i test unitari
- Utilizzare Protractor per i test end-to-end
Debuggare l'Applicazione
- Comprendere i Messaggi di Errore in Angular
- Utilizzare Sourcemaps per Debuggare il Codice nel Browser
- Leggere le Diagnostics del Compilatore TypeScript
- Utilizzare Augury
Ottimizzare l'Applicazione Angular 10
- Rielaborare il codice
- Ridurre la dimensione del bundle e eliminare il codice inutilizzato
Sicurezza di Angular 10
- Come funziona l'autenticazione
- Utilizzare l'autenticazione JWT
- Cosa scrivere e cosa non scrivere in Angular
Distribuire un'Applicazione Angular 10 in Produzione
- Distribuire su IIS, Apache, Nginx, ecc.
Best Practices di Angular 10
Risoluzione dei Problemi
Sommario e Conclusione
Requisiti
- Familiarità con HTML di base, CSS e JavaScript
Pubblico di Riferimento
- Sviluppatori
Recensioni (4)
L'attitudine e la conoscenza del formatore
Gabriel Llaurado - Allianz Technology
Corso - Angular 10 for Developers
Traduzione automatica
La conoscenza della struttura.
Jeffry Gonzalez - Allianz Technology
Corso - Angular 10 for Developers
Traduzione automatica
Siamo partiti dalla base di Angular e TS e abbiamo incrementato la difficoltà degli esercizi in modo positivo
Daniel Zamorano Infante - Allianz Technology
Corso - Angular 10 for Developers
Traduzione automatica
Practical examples, exercises and best practices