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 (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 !