ANGULAR 13 & RXJS 7

Un corso intensivo per acquisire i concetti fondamentali sul paradigma funzionale reattivo e sull’utilizzo della libreria RxJS in Angular.

RxJS è, infatti, una delle dipendenze più importanti di Angular, alla base della maggior parte delle funzionalità del framework che ruotano attorno al concetto di Observable: reactive forms, Router, HttpClient, HTTP interceptors, @Output EventEmitter, state manager come NGRX, solo per citarne alcuni.

Il corso è organizzato in due moduli: la prima parte del corso è dedicata alla comprensione e l’utilizzo della libreria RxJS in vanilla JavaScript mentre la seconda parte sarà interamente dedicata all'integrazione con Angular:

• Si comprenderanno a fondo le fondamenta della libreria: Observable, Observer, Subscription, le differenti tipologie di Subject, notifiche next, error, complete, lettura dei marble diagrams, con esempi pratici e casi d’uso reali in vanilla JS ma soprattutto in applicazioni Angular.

• Esempi pratici per la comprensione e l’utilizzo di moltissimi operatori pipeaple e di creazione forniti da RxJS.

• Decine di snippet per sfruttare RxJS nel processo di comunicazione con il server tramite il servizio HttpClient: forkJoin, combineLatest, withLatestFrom, switchMap e mergeMap sono solo alcuni degli operatori che andremo ad analizzare e sfruttare per gestire diverse casistiche real-world.

• Corretta gestione degli errori tramite operatori quali catchError e throwError

• Gestione processo di autenticazione, protezione route tramite guards, HTTP interceptor, protezione DOM tramite creazione di structural directives, utilizzando un approccio idiomatico, sfruttando RxJS e il paradigma reattivo

• Utilizzo di RxJS e dei pipeable operators con i Reactive Forms

• Approfondimento su Subject: come funzionano, potenzialità e le differenze tra le quattro tipologie: Subject, BehaviorSubject, AsyncSubject, ReplaySubject.

• Gestire lo stato applicativo e creare architetture Angular con RxJS, l’utilizzo di Subject sfruttando il motore di dependency injection.

Un corso intensivo indispensabile per comprendere le fondamenta di RxJS e della programmazione reattiva rivolto a tutti gli sviluppatori che vogliono sfruttarne il potenziale all’interno dei propri progetti Angular.
Un corso propedeutico, inoltre, all'apprendimento di NGRX, uno state manager per Angular ispirato a Redux, che espone uno stato reattivo e che fa ampio uso di RxJS.

La prima parte del corso è dedicata alla comprensione e all'utilizzo della libreria RxJS (in vanilla JavaScript) mentre nella seconda parte moltissimi esempi saranno dedicati all'integrazione con Angular.

Per la prima parte di corso, interamente dedicata ad RxJS e JavaScript, è sufficiente conoscere le principali funzionalità di JavaScript ES6: template literals, arrow syntax, destructuring, array methods (ad es. map, filter, find, reduce), spread operator e utilizzo dell'immutabilità.

Per comprendere gli argomenti trattati nella seconda parte del corso, invece, è necessario possedere una discreta conoscenza del framework Angular e in particolar modo: direttive incluse nel framework; utilizzo di Angular Router; creazione componenti custom; creazione servizi e utilizzo del motore di dependency injection; comunicazione con il server con HttpClient e, possibilmente, aver già integrato un processo di autenticazione in applicazioni Angular (login, gestione token, HTTP interceptor, Router Guards)