Struttura del corso
Introduzione
- Che cos'è Angular?
- Angular contro React contro Vue
- Panoramica di Angular 16 funzionalità e architettura
- Impostazione dell'ambiente di sviluppo
Introduttiva
- Creazione di un nuovo progetto Angular 16 utilizzando Angular CLI
- Esplorazione della struttura e dei file del progetto
- Esecuzione e gestione dell'applicazione
- Visualizzazione dei dati mediante interpolazione ed espressioni
Componenti
- Comprendere il ruolo dei componenti in Angular 16
- Creazione e utilizzo di componenti
- Passaggio di dati tra i componenti utilizzando input e output
- Utilizzo degli hook del ciclo di vita dei componenti
Direttive
- Comprendere la differenza tra direttive strutturali e direttive attributi
- Creazione e utilizzo di direttive predefinite come ngIf, ngFor, ngSwitch, ecc.
- Creazione e utilizzo di direttive personalizzate
Cornamusa
- Comprendere lo scopo dei tubi in Angular 16
- Creazione e utilizzo di pipe predefinite come data, valuta, json, ecc.
- Creazione e utilizzo di condotte personalizzate
Servizi
- Comprendere il ruolo dei servizi in Angular 16
- Creazione e utilizzo di servizi
- Inserimento di dipendenze tramite provider
Moduli
- Comprendere il ruolo dei moduli in Angular 16
- Creazione e utilizzo di moduli
- Importazione ed esportazione di moduli
Associazione dati
- Comprendere la differenza tra associazione dati unidirezionale e bidirezionale
- Creazione e utilizzo dell'associazione di proprietà, dell'associazione di eventi e della sintassi banana-in-a-box
- Utilizzo delle variabili di riferimento del modello
Instradamento
- Comprendere il ruolo dell'instradamento in Angular 16
- Creazione e configurazione di route
- Navigazione tra i percorsi utilizzando routerLink e router.navigate
- Utilizzo di parametri di route, parametri di query e frammenti
Modulistica
- Comprendere la differenza tra moduli basati su modelli e moduli reattivi
- Creazione e convalida di moduli utilizzando controlli modulo, gruppi di moduli, matrici di moduli, ecc.
- Utilizzo di validatori integrati come required, minLength, maxLength, ecc.
- Creazione e utilizzo di validatori personalizzati
HTTP Client
- Informazioni sul ruolo del client HTTP in Angular 16
- Creazione e utilizzo di richieste HTTP per comunicare con i servizi back-end
- Utilizzo di observables per gestire flussi di dati asincroni
- Utilizzo degli intercettori per modificare o gestire le richieste o le risposte HTTP
Debug
- Informazioni sugli errori e i bug comuni nelle applicazioni Angular 16
- Utilizzo di Chrome DevTools per ispezionare elementi, sorgenti, rete, console, ecc.
- Uso di punti di interruzione, espressioni di controllo, stack di chiamate e così via per eseguire il debug del codice
Collaudo
- Comprendere l'importanza dei test in Angular 16 applicazioni
- Utilizzo di Jest come framework di test alternativo
- Utilizzo di Karma come test runner per unit test
- Utilizzo di Protractor come strumento di test end-to-end
Riepilogo e prossime tappe
Requisiti
- Comprensione di HTML, CSS e JavaScript
- Esperienza con TypeScript e RxJS
- Esperienza di sviluppo web
Pubblico
- Sviluppatori che desiderano imparare a utilizzare Angular 16 per creare applicazioni Web dinamiche e reattive
- Sviluppatori che desiderano aggiornare le proprie competenze rispetto alle versioni precedenti di Angular
- Programmatori che desiderano esplorare le nuove funzionalità e gli aggiornamenti di Angular 16
Recensioni (5)
È stato molto interattivo e informativo. L'istruttore è stato molto paziente con noi quando non abbiamo capito qualcosa e si è assicurato che nessuno fosse lasciato indietro durante l'allenamento.
Daniel - INIT Innovations in Transportation Ltd.
Corso - Angular 17
Traduzione automatica
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Corso - Angular 14
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