FabioBiondi.
0
CatalogoInfoIl tuo programma
← tutti i corsi
// corso · 2026angular

Reactive Programming in RxJS

Le fondamenta della programmazione reattiva in RxJS e TypeScript, applicabili su qualunque framework.

Durata
8h
Sessioni
2 da 4h
Livello
Intermedio
[ descrizione ]

Di cosa parla
questo corso.

Contesto, obiettivi e taglio del corso. Tutto è personalizzabile in base a stack e team — questa è la base di partenza.

§01

Introduzione

In questo corso utilizziamo TypeScript e RxJS, senza l'ausilio di Angular, allo scopo di comprendere le fondamenta della programmazione reattiva e della libreria RxJS.

Imparerai a:
  • • comprendere a fondo i costrutti fondamentali: Observable, Observer e Subscription
  • • scrivere un operatore RxJS di creazione da zero
  • • il funzionamento delle notifiche next, error e complete
  • • leggere i diagrammi "Rx Marble"
  • • utilizzare diversi operatori RxJS tramite decine di esempi pratici e casi d’uso reali
  • • sfruttare i "flattening" Operators: switchMap, mergeMap, concatMap e exhaustMap
  • • comprendere le basi del multicasting e le differenze tra Cold e Hot Observable
  • • distinguere le differenze tra le varie tipologie di Subject
§02

Perchè RxJS è importante?

RxJS è una delle dipendenze fondamentali su cui si regge Angular, alla base della maggior parte delle funzionalità del framework: reactive forms, Router, HttpClient, HTTP interceptors, @Output EventEmitter, state manager come NGRX, solo per citarne alcuni.

Un utilizzo corretto di RxJS vi permetterà di gestire in modo molto più compatto e solido buona parte delle casistiche che siete soliti risolvere con un approccio imperativo / tradizionale.
§03

Dalla teoria alla pratica

Dopo la teoria, scriveremo e analizzeremo moltissimi esempi utilizzando molti operatori RxJS disponibili:
  • • Creation operators
  • • Filtering operators
  • • Combination operators
  • • Transformation operators
  • • Conditional operators
  • • Error Handling operators
  • • Multicasting operators

e analizzeremo il multicasting e la sua gestione tramite Subject e operatori pipeable dedicati.

In sostanza vedremo come manipolare dati, gestire eventi, forms, chiamate HTTP sequenziali e parallele e molto altro...
§04

Obiettivo

Un corso intensivo indispensabile per comprendere RxJS e la programmazione reattiva in Angular, rivolto a tutti gli sviluppatori che vogliono sfruttarne il suo potenziale in progetti reali
§05

Requisiti

Avere confidenza con JavaScript ES6: template literals, arrow syntax, destructuring, array methods (ad es. map, filter, find, reduce), spread operator e utilizzo dell'immutabilità.
Una sessione di formazione propedeutica al corso Angular, Rxjs e la Programmazione Reattiva in cui applichiamo e si approfondiscono questi concetti in progetti Angular.
[ programma ]

Cosa vediamo,
in dettaglio.

Il programma viene rifinito con il team prima del corso, in base a stack, obiettivi e livello. Quella che vedi è la base: possiamo accelerare o approfondire dove serve e, se necessario, modificare il programma.
La maggior parte del corso è live-coding, con esempi pratici.

3 moduli · 15 argomenti
  1. M01

    Introduzione a RxJS

    • Paradigma funzionale reattivo, Imperative vs Reactive
    • Observable vs Observer, notifiche next/error/complete
    • Hot vs Cold, Unicast vs Multicast
    • Subscription, Creation vs Pipeable operators
    • Marble Diagrams
    • Flattening: switchMap vs mergeMap vs concatMap vs exhaustMap
    • Subject vs BehaviorSubject vs ReplaySubject
  2. M02

    Esempi pratici

    • Form reattivi, comunicazione server, sequenze HTTP
    • Concatenare pipeable operator, gestione subscription multiple
  3. M03

    Operatori (decine)

    • Creation: ajax, of, from, interval, fromEvent
    • Transformation: buffer, map, reduce, scan
    • Filtering: filter, debounceTime, distinct, take
    • Combination: combineLatest, merge, forkJoin
    • Error handling: catchError, retry
    • Multicasting: share, shareReplay
[ corsi propedeutici ]

Prima di questo corso...

[ corsi correlati ]

Potrebbero piacerti anche...

Pronto a portarlo nel tuo team?

Contattami →