Data architectures in Angular and Redux

Home/Corsi/Angular/Data architectures in Angular and Redux
Data architectures in Angular and Redux 2018-02-17T15:41:29+00:00

DATA ARCHITECTURES in ANGULAR e REDUX

Un’introduzione alla creazione di architetture solide e scalabili in Angular utilizzando Redux per la gestione dello stato applicativo

0
ore di teoria
0
ore di pratica
  • Durata: 1 giornata (8 ore)

  • Tipologia: Corso Intensivo + Workshop

  • Versione Angular: 5.x

  • Obiettivo: creare applicazioni Angular scalabili, testabili e semplici da mantenere utilizzando Redux per la gestione dello stato applicativo, applicando una netta separazione tra architettura dati e presentational layer, ovvero la UI.

  • Requisiti: per comprendere gli argomenti trattati nel corso è necessario avere una discreta conoscenza delle seguenti funzionalità del framework Angular: creazione componenti custom, dependency injection e router.

IL PROGRAMMA

OVERVIEW

Angular fornisce gli strumenti fondamentali per sviluppare un’intera Single Page Application. Tuttavia, le attività che il front-end deve svolgere sono sempre più complesse e le interfacce utente (UI), di conseguenza, stanno diventando sempre più sofisticate: gestione di un data-flow molto articolato, componenti che devono rimanere in sync tra di loro, integrazione unit test, time travel debugging sono solo alcune delle problematiche ricorrenti che uno sviluppatore front-end deve affrontare quotidianamente.

Redux, libreria nata per requisiti complessi in contesti quali Facebook, nasce con l’obiettivo di separare nettamente gli aspetti architetturali dalla user interface, semplificando la gestione dello stato applicativo e rendendo il codice molto più manutenibile, testabile e scalabile.

RxJS, una libreria per la gestione di eventi asincroni basata sul paradigma della programmazione reattiva, è una dipendenza del framework Angular e utilizzata in un’infinità di contesti: manipolazione del dato, gestione di form reattivi, interazioni utente.
L’obiettivo di questo corso è quindi quello di descrivere alcuni dei pattern e delle librerie attualmente più diffuse e richieste nel panorama internazionale per la creazione di architetture front-end: Redux e RxJS.

La giornata è totalmente focalizzata sull’ultima release di Angular ma la maggior parte dei concetti esposti saranno applicabili anche in React o in un qualunque altro contesto in cui si utilizzi Javascript.

INTRODUZIONE a REDUX

  • Principi fondamentali
  • Immutable State
  • Pure vs Inpure functions
  • Reducers
  • Store
  • Actions
  • Containers vs Presentational components
  • Real world examples

DATA ARCHITECTURES
in ANGULAR REDUX

  • Angular Redux
  • Data architectures in Angular e Redux
  • Redux, RxJS e dependency injection in Angular projects
  • Store, Action, Reducer
  • Autenticazione JWT in Angular Redux
  • Esempio applicazione CRUD in Redux
  • Redux Middleware
  • Redux Enhancers
  • Sincronizzazione stato con LocalStorage
  • Debugging e Redux Chrome Dev tools

WORKSHOP

Creazione di un’applicazione CRUD in Angular e Redux

INFORMAZIONI SUL CORSO

LEARN

Durante la giornata le sessioni di teoria saranno supportate costantemente da slide, contenenti approfondimenti, snippet e diversi casi d’uso illustrati passo-passo dal docente.

LIVE CODE

Il docente applicherà buona parte degli argomenti precedentemente trattati, scrivendo codice LIVE, con numerosi esempi pratici e coinvolgendo attivamente i partecipanti.

HANDS-ON

Nel pomeriggio gli studenti metteranno in pratica le nozioni acquisite durante la giornata realizzando diversi esercizi con il costante supporto del docente.

UN PERCORSO COMPLETO

Questo modulo fa parte di un percorso didattico molto ampio che si pone due obiettivi: il primo è quello di descrivere in modo approfondito tutte le funzionalità e la sintassi del framework, il secondo, forse più importante, è quello di trasferire ai partecipanti metodologie, approcci e best practice consolidate affinché possano creare applicazioni modulari, scalabili, manutenibili e testabili.

Il percorso completo è composto da 13 giornate, suddiviso in 8 moduli componibili e acquistabili separatamente:

FAQ

Devo portare il mio laptop? 2017-07-06T13:44:22+00:00

Ti consigliamo di portare il tuo laptop tramite il quale potrai consultare le slide e svolgere le esercitazioni qualora fossero previste dal corso.
Nel caso non avessi la possibilità di portarlo potrai comunque affiancare un altro partecipante.

Come posso contattare l’organizzatore? 2017-07-13T23:13:51+00:00

Per tariffe, informazioni sui prossimi corsi o qualunque altra domanda puoi scrivere all’organizzatore utilizzando l’indirizzo email presente nel footer

Devo installare qualche software sul mio laptop? 2017-09-12T21:45:29+00:00

Per svolgere le esercitazioni il tuo laptop dev’essere configurato per l’utilizzo di Git e dovresti installare una versione di Node superiore alla 6.9.

Vuoi organizzare questo corso

PRESSO LA TUA SEDE?

CONTATTAMI

DOCENTE

Fabio Biondi
Fabio BiondiJS Developer and Trainer
I’m an active contributor in the italian front-end communities with 10+ years of experience in developing enterprise level applications and components.

Especially focused in front-end applications and all related aspects, both visuals and architecturals, I daily use cutting-edge libraries and frameworks offering training, development, code review and consulting on Angular, React and several other technologies.

I also collaborate with many training italian companies in order to organize events, training courses and campus.

  • Javascript, Angular, React, Redux, RxJS
  • D3.js, CreateJS, GSAP TweenMax, Firebase

Facebook community admin on:

PRECEDENTE
Angular & RxJS

PROSSIMI EVENTI?

Consulta la mia pagina Facebook

SEGUIMI