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?
- Angular contro React contro Vue
- Panoramica di Angular 17 funzionalità e architettura
- Impostazione dell'ambiente di sviluppo
Introduttiva
- Creazione di un nuovo progetto Angular 17 utilizzando l'interfaccia della riga di comando Angular
- 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 17
- 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 17
- 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 17
- Creazione e utilizzo di servizi
- Inserimento di dipendenze tramite provider
Moduli
- Comprendere il ruolo dei moduli in Angular 17
- 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 17
- 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 17
- 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
Nuovo flusso di controllo dichiarativo
- Viene illustrata la nuova sintassi del blocco di controllo modello e il modo in cui semplifica attività comuni come il rendering condizionale, il ciclo e la gestione di raccolte vuote
- Fornire esempi di utilizzo dei nuovi blocchi, ad esempio @if, @else, @switch, @case, @default, @for e @empty
- Confronto della nuova sintassi con quella precedente, ad esempio *ngIf, *ngSwitch e *ngFor
- Menzionare il modo in cui i nuovi blocchi di controllo supportano applicazioni senza zone con segnali
Blocchi a caricamento differito
- Spiegare il concetto di caricamento posticipato e come può migliorare le prestazioni e l'esperienza utente delle applicazioni Web
- Presentazione del nuovo blocco di controllo @defer che consente il caricamento lento del contenuto del blocco e delle sue dipendenze
- Esempi di utilizzo del blocco @defer per diversi scenari, ad esempio il caricamento di componenti, direttive, pipe, animazioni e stili
- Menzionare il funzionamento del blocco @defer con la nuova API delle transizioni di visualizzazione
Visualizza l'API Transizioni
- Spiegazione dello scopo e dei vantaggi dell'API delle transizioni di visualizzazione, che consente agli sviluppatori di personalizzare le animazioni e le transizioni tra le visualizzazioni
- Introduzione della nuova direttiva withViewTransitions che abilita l'uso dell'API delle transizioni di visualizzazione
- Vengono forniti esempi di utilizzo della direttiva withViewTransitions con diversi tipi di transizione, ad esempio dissolvenza, diapositiva, zoom e capovolgimento
- Menzionando il funzionamento dell'API delle transizioni di visualizzazione con il router Angular e la cronologia del browser
Altre caratteristiche e miglioramenti
- Riassumendo brevemente alcune delle altre funzionalità e miglioramenti offerti da Angular 17, come ad esempio:
- Supporto per il passaggio di @Component.styles come stringa
- Il codice delle animazioni di Angular è caricabile in modo lento
- TypeScript Supporto 5.2
- L'API del segnale principale è ora stabile
- Node.js Il supporto v16 è stato rimosso e la versione minima supportata è v18.13.0
- Esbuild sarà il builder predefinito e il server di sviluppo predefinito userà Vite
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 17 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 i miglioramenti di Angular 17
28 ore
Recensioni (2)
Mi è piaciuto soprattutto il flusso di formazione; ha affrontato l'argomento e, alla fine dell'argomento, ha definito delle sessioni di pratica ben precise per noi. È stata in grado di guidarci prontamente con i problemi che abbiamo affrontato nelle sessioni di pratica.
Rabin Byanjankar - Lument
Corso - Angular 17
Traduzione automatica
È 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
