Scheda corso
NovaNext Training / Sviluppo Applicazioni Web / Sviluppo Applicazioni Web / Angular Base

Angular Base

Codice
NOVANGULARB
Durata
3 Giorni
Prezzo
1.250,00 € (iva escl.)
Lingua
Italiano
Modalità
Virtual Classroom
       

 

Schedulazione
Luogo Data Iscrizione
Virtual Classroom 16/09/2024
Virtual Classroom 25/11/2024

 

Contenuti
  1. Intro
  2. Introduzione al concetto di SPA
  3. Installazione delle dipendenze progettuali (NodeJS / NPM ed Angular CLI)
  4. Analisi di un progetto Angular
  5. Istanza di un nuovo progetto ed uso del webserver di sviluppo integrato
  6. Disamina del modulo principale (AppModule) / Cenni sui decorator in TypeScript
  7. I componenti
  8. Il componente principale: AppComponent
  9. Creare i componenti da riga di comando
  10. Binding unidirezionali: interpolazione
  11. Binding unidirezionali: event binding e creazione di eventi personalizzati (EventEmitter)
  12. Binding unidirezionali: property binding
  13. Ciclo di vita dei componenti e delle direttive (fondamentali)

                                                               i.      ngOnChanges

                                                             ii.      ngOnInit

                                                           iii.      ngDoCheck

                                                           iv.      ngOnDestroy

  1. Le direttive
  2. Differenza tra direttive strutturali e direttive attributo
  3. Le direttive strutturali integrate in Angular: ngIf ed ngFor
  4. Creazione di una direttiva da riga di comando
  5. Analisi e realizzazione di una direttiva attributo
  6. Form
  7. Differenze tra le tecnologie Template e Reactive
  8. Realizzazione di un Template Driven Form

                                                               i.      Binding bidirezionale: two way data binding

                                                             ii.      Gestione dei dati

                                                           iii.      Validazione del form

                                                           iv.      Visualizzazione dei messaggi di errore

  1. Realizzazione di un Reactive Driven Form

                                                               i.      Gli oggetti FormGroup e FormControl

                                                             ii.      Gestione dei dati

                                                           iii.      Validazione del form

                                                           iv.      Visualizzazione dei messaggi di errore

                                                             v.      Creazione di regole di validazione personalizzate

  1. Direttive di validazione per i Template Driven Form

                                                               i.      Creazione di una direttiva di validazione

                                                             ii.      Come creare regole di validazione personalizzate facilmente riutilizzabili

  1. Routing – Parte 1
  2. Configurazione del Router
  3. Creazione dei link di navigazione ed uso del selettore router-outlet
  4. Recupero dei parametri
  5. Servizi
  6. Studio del pattern Dependency Injection
  7. I servizi nelle applicazioni a singolo modulo
  8. Differenze tra l’uso dell’array “providers” di un modulo ed il decorator Injectable
  9. HTTP
  10. Il servizio HTTPClient
  11. Studio degli Observable in ReactiveX
  12. Definizione delle interfacce per la prototipizzazione delle risposte
  13. Conversione della risposta in un Model
  14. Uso dei dati recuperati nei componenti
  15. Router – Parte 2
  16. Protezione dei percorsi mediante le Guard
  17. Gestione Modulare
  18. Approccio modulare Eager Loading
  19. Approccio modulare Lazy Loading
  20. Gestione del Router nello sviluppo a più moduli
  21. Il metodo statico forChild