Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Struttura del corso
Introduzione
- Che cos'è Angular?
- Cosa c'è di nuovo in Angular 10?
Panoramica di Typescript e ES6 JavaScript
- TypeScript Sintassi
- Utilizzo del transpiler TypeScript
- Impostazione di Angular 10 e Typescript
Panoramica delle parti di Angular 10
- CLI angolare
- Componenti
- Direttive
- Ingressi e uscite
- Associazione e interpolazione dei dati
- Associazione di eventi
- Modellazione dei dati
- Bootstrapping
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 10
- 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 10 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
Utilizzo dei moduli Angular
Test dell'applicazione Angular 10
- Utilizzo di Jasmine per i test unitari
- Utilizzo di Protractor 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
Ottimizzazione dell'applicazione Angular 10
- Rielaborazione del codice
- Riduzione delle dimensioni del bundle ed eliminazione del dead-code
Angular 10 Sicurezza
- Come funziona l'autenticazione
- Utilizzo dell'autenticazione JWT
- Cosa dovrebbe e non dovrebbe essere scritto in Angular
Distribuzione di un'applicazione Angular 10 nell'ambiente di produzione
- Distribuzione in IIS, Apache, Nginx e così via.
Angular 10 buone pratiche
Risoluzione dei problemi
Riassunto e conclusione
Requisiti
- Familiarità con HTML, CSS e JavaScript
Pubblico
- Gli sviluppatori
28 ore
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
