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 (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Corso - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Corso - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Corso - Building Web Apps using the MEAN stack
Mi sono piaciute le tue battute
Dermot - Griffiths & Armour
Corso - Angular 2 Fundamentals
Traduzione automatica
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Corso - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
Analisi passo dopo passo. Spiegazione di ogni riga di codice. Ogni problema che ho avuto durante il corso è stato risolto con successo e Łukasz mi ha spiegato il motivo. Mi sono piaciute anche le buone pratiche che sono state presentate. Non sono mai stato convinto dello stile TDD - semplicemente non lo trovo utile e ne vale la pena. Łukasz ha sottolineato così tanti vantaggi del TDD che ha completamente cambiato la mia opinione.
Michał Uściński - Devapo Sp. z o. o.
Corso - Testing Angular Applications
Traduzione automatica
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Corso - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Corso - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Corso - Angular 6
Good examples and interactive course !
