Dgroove S.r.l. - PCSNET Nordest

Angular Data Architectures: Redux e RxJS 5 Angular

Dgroove S.r.l. - PCSNET Nordest
A Villafranca di Verona

1.240 
+IVA
Chiedi informazioni a un consulente Emagister

Informazioni importanti

Tipologia Corso
Luogo Villafranca di verona
Ore di lezione 21h
Durata 3 Giorni
Inizio Scegli data
  • Corso
  • Villafranca di verona
  • 21h
  • Durata:
    3 Giorni
  • Inizio:
    Scegli data
Descrizione

Imparare a sviluppare architetture dati e gestire flussi di dati complessi in Web Applications con Redux e RxJS 5 in Angular 2+
Angular Data Architectures è un corso diviso in 3 parti sulle più recenti ed avanzate tecnologie in merito alla creazione di architetture dati solide e scalabili in contesti Angular 2+ enterprise e non.
I partecipanti verranno preparati su RxJS5 ed Observables per sfruttare al meglio RxJS in scenari sia comuni che avanzati nello sviluppo di Web Applications quali gestione input utente, richieste multiple da e verso server dipendenti tra loro e molto altro.
Tramite Redux verranno inoltre esplorate tecniche per una gestione dello stato applicativo chiara, performante, prevedibile e scalabile. Man mano che un’applicazione cresce, come si garantisce che una variazione di stato in un modulo sia consistente e accurata in altri moduli indipendenti? Cosa succede se tali modifiche risultano in altre modifiche?
 Programma tarato sul livello di conoscenza dei partecipanti
 Preparazione allo sviluppo funzionale e reattivo in contesti enterprise Angular 2+ e Typescript
 Comprensione nozioni in dettaglio su RxJS, Observables e Redux

Strutture (1)
Dove e quando
Inizio Luogo
Scegli data
Scegli data
Villafranca di Verona
Via Monte Baldo 6, 37069, Verona, Italia
Visualizza mappa
Inizio Scegli data
Scegli data
Luogo
Villafranca di Verona
Via Monte Baldo 6, 37069, Verona, Italia
Visualizza mappa

Cosa impari in questo corso?

Angular
AngularJS
Framework
Programmazione
Redux
React
RxJS 5
Typescript
Google
Programmazione siti web

Programma

Ogni modulo seguente ha la durata di 8 ore e include sessioni di didattica ed esercitazione.Day#1:Reactive Programming in RxJS 5REACTIVE PROGRAMMING IN RXJS: Concetti core Reactive Programming, differenze e use cases in relazione ad altri paradimmi Comprensione in dettaglio di Observables e Observers Creazione di custom Observables ed Observers in comuni casi d’uso Utilizzo degli operators più comuni e scenari d’uso per ciascuno Gestione eventi asincroni comuni ed avanzati quali HTTP Esercizi sulle basi di RxJS con tips & tricksREAL-WORLD RXJS: Debugging in RxJS Combinazione di Observables ed operators Subjects e multicasting: cosa sono, differenze tra i diversi tipi di Subjects e casi d’uso per ciascuno BehaviourSubject in dettaglio: perché viene tanto usato e come evitare errori più comuni Studio problemi comuni nelle Web Applications con relative soluzioni in RxJSANGULAR 2+ & RXJS: Integrazione RxJS in progetti Angular e Typescript Aspetti reactive del framework Angular: Http, Reactive Forms, Router, Componenti State management e application flow con RxJS Miglioramento performance di un’applicazione Angular con RxJS Build e distribution di un’applicazione Angular con RxJSRXJS AVANZATO: Unit testing con RxJS Gestione WebSockets in RxJS Dietro le quinte di RxJS: come è implementato Utilizzo di uno Scheduler in contesti ad alto carico di lavoro (livello alto avanzato)Day #2: Angular Data Architecture in ReduxCONCETTI CORE: Problemi di comunicazione tra componenti Angular Gestione del data-flow deterministico, scalabile ed esplicito Caratteristiche del pattern Flux e come Redux evolve da esso Vantaggi dell’ unidirezionalità Confronto con MVC Integrazione con Angular 2+ Pattern Smart e Dumb Components Come mantenere lo stato applicativo e Redux indipendente dai componenti Integrazione Redux + Typescript: tipizzazione dello stato applicativoINTEGRAZIONE REDUX e RXJS: ChangeDetectionStrategy: come migliorare le performance dei componenti tramite Redux Utilizzo di librerie Redux in Angular: angular-redux (precedentementedenominato ng2-redux) e ngrx. Differenze e come scegliere consapevolmente.REAL-WORLD REDUX CON UNIT TESTING: Principi fondamentali Action e action creator con unit testing Reducers con unit testing Caratteristiche dello Store immutabile Comporre lo stato iniziale e l’avvio dell’app Vantaggi dello Single state tree L’importanza dell’ImmutabilitàREDUX-AVANZATO: Composizione di reducers Redux Middlewares Side effects con redux-observable e ngrx/effects State selectors, memoization e computed data Accenni server-side rendering con Redux e Angular 2+Day #3: Real World ApplicationDurante la terza giornata si estenderà un’applicazione di banking, risultato della 4° giornata di Angular Master Class, al fine di mostrare un confronto più chiaro delle differenze e dei vantaggi introdotti da RxJS e Redux in un’applicazione. La previa partecipazione al corso Angular Master Class è consigliata ma non obbligatoria, in quanto verranno presentati a tutti i partecipanti gli aspetti principali dell’applicazione. Si affronteranno inoltre le difficoltà ed errori più comuni nella gestione di eventi asincroni e dello stato applicativo, portando luce e soluzioni riusabili in diversi contesti relativi ad applicazioni Angular.ANALISI E RISOLUZIONE Analisi iniziale dell’applicazione prima di Redux + RxJS e studio dei problemi di stato applicativo e data-flow Risoluzione dei problemi tramite puro RxJS in Angular 2+ Analisi pro e contro puro RxJS Integrazione Redux con Observable Store nell’applicazione Analisi struttura dello stato applicativo: errori e design patterns più comuni Analisi struttura di un progetto Angular 2+ con ReduxOPERAZIONI: Operazioni CRUD in Redux Creazione action creators e reducers con unit testing Creazione componenti smart & dumb connessi a Redux con unit testing della parte Redux Utilities e tips per la modifica dello stato applicativo in maniera concisa, performante e dichiarativa Gestione richieste HTTP al server Gestione validazione server ed optimistic updates con eventuale rollback Gestione autenticazione JWT in Redux Persistenza dello stato applicativo

Gli utenti che erano interessati a questo corso si sono informati anche su...
Leggi tutto