Angular Data Architectures: Redux e RxJS 5 Angular

Corso

A Villafranca di Verona

1.240 € +IVA

Descrizione

  • Tipologia

    Corso

  • Luogo

    Villafranca di verona

  • Ore di lezione

    21h

  • Durata

    3 Giorni

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

Sedi

Luogo

Inizio

Villafranca di Verona (Verona)
Visualizza mappa
Via Monte Baldo, 6, 37069

Inizio

Scegli dataPosti esauriti
Scegli dataPosti esauriti

Domande e risposte

Comunicaci i tuoi dubbi,altri utenti potranno risponderti

Pubblicheremo solo il tuo nome e la domanda

Materie

  • 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

Chiama il centro

Hai bisogno di un coach per la formazione?

Ti aiuterà a confrontare vari corsi e trovare l'offerta formativa più conveniente.

Angular Data Architectures: Redux e RxJS 5 Angular

1.240 € +IVA