Il corso include:

Video Corso "Angular & RxJS"

Apprendere le fondamenta del paradigma funzionale reattivo, comprendere a fondo la libreria RxJS e sfruttarne il potenziale in applicazioni Angular

BONUS: MasterClass RxJS & JavaScript

Una sessione di live coding (esclusiva) della durata di 4 ore per comprendere RxJS e la programmazione reattiva, con esempi in vanilla JavaScript e TypeScript

A chi è rivolto

Angular Developers

Pur essendo un corso realizzato per sviluppatori Angular, tutti gli argomenti sono affrontati dalle basi. Si rivolge, quindi, a tutti coloro che vogliono comprendere il potenziale e le opportunità offerte da RxJS e dalla programmazione reattiva.

Requisiti

Per comprendere buona parte degli argomenti trattati è preferibile aver già utilizzato in precedenza il framework Angular.
Potrebbe, quindi, interessarti il corso Angular Fundamentals

Punti di forza

Un corso per comprendere il paradigma reattivo con RxJS, sfruttarne il potenziale in Angular ed è propedeutico all'utilizzo di NGRX e altri state manager reattivi.

Principianti ed Esperti

Un percorso guidato per fornire un solido background su RxJS, adatto a sviluppatori che non hanno mai utilizzato il paradigma reattivo e per coloro che vogliono, invece, approfondire

Angular & RxJS

Moltissimi esempi e casi d'uso di integrazione in applicazioni Angular: utilizzo di decine di operatori per la creazione di sequenze di observable, integrazione con router, comunicazione con il server, HTTP Interceptor, Reactive Forms e molto altro

BONUS: RxJS e JavaScript

È inclusa nel pacchetto una sessione di live coding (esclusiva) di 4 ore in cui si creano e utilizzano moltissimi operatori RxJS in vanilla JavaScript e TypeScript, allo scopo di assimilare i concetti basilari della libreria.

Approndimenti su...

Utilizzo di best practice, analisi delle differenti tipologie di Subject, multicasting, creazione di operatori custom, flattening operators, ...

Argomenti trattati nel corso

Angular & RxJS

Introduzione a RxJS

58:02

• Introduzione prima parte del corso su RxJS (teoria - articolo)

• Premessa (teoria - video) (1:14)

• Introduzione a RxJS (3:10)

• Imperative vs Reactive Programming (9:25)

• RxJS is smart: preview operatori throttleTime & scan (2:41)

• Pull vs Push (8:08)

• "next", "error" e "complete" functions (5:07)

• Subscription e unsubscribe (4:56)

• Operatori-di-creazione (6:07)

• Pipeable operators (5:01)

• Debug and tap operator (4:58)

• Comprendere i marble diagrams (3:41)

• Tutti gli esempi del capitolo su StackBlitz

• Come utilizzare StackBlitz (3:34)

BONUS: Utilizzare RxJS in Vanilla JavaScript / TypeScript

3:40:02

La registrazione di una sessione di formazione dal vivo su RxJS in JavaScript & Typescript

• Introduzione a RxJS

• Gli operatori di creazione fondamentali

• Decine di esempi di operatori pipeable

• Higher Order Observable

• Chiamate XHR e gestione concorrenza

RxJS & Angular: esempi pratici e casi d'uso per la comunicazione con il server

46:26

• Intro Capitolo (teoria - articolo)

• Operatore "map" (5:03)

• Angular "async" pipe (6:08)

• Operatore "forkJoin" (5:15)

• Operatore "ForkJoin" con dictionary (update RxJS 6.4)

• Operatore "combineLatest" (articolo)

• Operatore "switchMap": nested XHR (4:07)

• Operatore "switchMap" per iterare sugli array (3:01)

• Operatore "retry" e gestione errori con l'operatore "catchError" (6:38)

• Operatori "reduce" e "scan" (6:00)

• "switchmap" vs "exhaustmap" (6:14)

• "switchmap" vs "concatmap" vs "mergemap" vs "exhaustmap" (4:00)

• Esercizio online su switchMap

RxJS: advanced topics

10:54

• Operatore defer(): lazy observables (5:04)

• Creazione Operatori Custom RXJS (5:50)

RxJS & Angular: autenticazione e sicurezza

40:10

• Cosa sono i BehaviorSubject (articolo)

• introduzione al processo di autenticazione in Single Page Applications (TEORIA) (6:51)

• Esercizio online su BehaviorSubject

• Login e BehaviorSubject (7:31)

• Auth-guard e RxJS (4:32)

• Interceptor - part1: Subject e getvalue (7:59)

• Interceptor - part2: approccio idiomatico (3:09)

• Interceptor - part3: gestione errori (6:13)

• RxJS & Router Events (3:55)

• Live demo e source code

RxJS & Angular Reactive Forms

29:21

• Introduzione al capitolo (teoria - articolo)

• Reactive Forms vs Template Driven Forms (8:19)

• I moduli ReactiveFormsModule e HttpClientModule (0:43)

• Registra il tuo token su OpenWeatherMap

• Multiple Subscribes (Bad Practice) (4:51)

• Evitare subscribe multiple con "switchMap" e gestione degli errori con "catchError" (3:23)

• Utilizzare operatori RxJS con i reactive form: "startWith", "distinctUntilChanged", "decounceTime", "filter" (4:40)

• L'operatore "withLatestFrom" (7:25)

• Password match: "combineLatest" e FormControl (articolo)

• Esercizio su FormControl e combineLatest

Multicast & RxJS Subjects

35:01

• Introduzione al concetto di Subject - unicast vs multicast (10:01)

• Utilizzo BehaviorSubject per contenere e condividere dati (6:51)

• Subject as Observer (5:03)

• Multicast: "Subject" vs operatore "share" (4:32)

• "Subject" vs "BehaviorsSubject" vs "ReplaySubject" vs "AsyncSubject" (6:31)

• Sommario e demo sulle diverse tipologie di Subject (2:03)

• Risorse e marble diagrams

EXTRA: intro functional programming by Andrea Bertoli

13:47

• Intro

• 1. Introduzione alla FP (5:08)

• 2. Composizione di funzioni (3:58)

• 3. Immutabilità, side effects e stato (4:41)

Cos'è RxJS?

Introduzione su RxJS

Un breve video di introduzione sul funzionamento di RxJS e del paradigmo reattivo per comprenderne le fondamenta:
• Observable
• Observer
• Subscription
• Operatori di creazione e pipeable
• Marble Diagrams

RxJS e vanilla JavaScript: scrivere da zero un Operatore di Creazione

RxJS fornisce moltissimi operatori e utility per manipolare e creare Observable. In questa sessione di live coding comprenderete:
• come funzionano gli Observable?
• cos'è un Observer
• come funziona il sistema di sottoscrizioni
• come creare da zero un Observable
• come creare da zero degli operatori di creazione, in particolar modo l'operatore "interval" e "fromEvent"

Il primo form reattivo in Angular

In questo esempio si può vedere un "semplice" utilizzo di RxJS in un form creato in Angular.
Inizialmente viene utilizzato l'operatore di creazione fromEvent per generare un Observable da un campo di input presente nel template e, successivamente, si migrerà all'utilizzo di un Reactive Forms.
Saranno inoltre utilizzati diversi operatori: filter, map, debounceTime e distinctUntileChanged.

Acquista il corso

Tutti i miei video corsi sono stati recentemente spostati sulla nuova piattaforma

FAQ

Ho qualche dubbio che il corso faccia al caso mio. Posso contattarti?

Certo, puoi scrivermi tramite il Form di Contatto

È possibile fruire il corso simultaneamente su device?

Gli accessi simultanei alla piattaforma da diversi IP verranno bloccati. Nel caso fossi interessato all’acquisto di più di una licenza d’uso sono previsti degli sconti.
Contattami per ulteriori info.

È previsto un rimborso nel caso non fossi soddisfatto?

Sono sicuro che apprezzerai i contenuti del corso ma se non fossi soddisfatto potrai comunque essere rimborsato totalmente entro 15 giorni dall'acquisto

Posso ricevere la fattura?

In fase di acquisto, è necessario inserire la partita iva (utilizzando IT come prefisso, ad es. IT1234567890) cliccando sul pulsante "+ ADD BUSINESS DETAILS" e inserire i dati per la fatturazione. Teachable, la piattaforma americana utilizzata per erogare i corsi, si occupa di tutto il processo di pagamento e di mettere le ricevute di acquisto. Essendo un sistema di pagamento extra EU, nel caso di acquisto con partita iva, l'iva non sarà applicata e quindi sarà tolto il 22% dal totale. Prima di effettuare l'ordine guarda un esempio di fattura che riceverai.

L'iva viene applicata? La fattura è inviata da un'azienda americana

Il mio corso è fruibile tramite la piattaforma Teachable, azienda con sede negli Stati Uniti. Per questo motivo: se richiedi la fattura e inserisci la partita iva in fase di acquisto NON verrà applicata l'iva. Al contrario, il costo per i privati sarà comprensivo di IVA

La possibilità di visionare il corso è limitata nel tempo?

No! La licenza d’uso non ha nessuna scadenza. Una volta acquistato il corso potrai fruire dei contenuti del corso ed eventuali aggiornamenti senza limiti di tempo.

Dubbi e Domande?

Scrivimi in privato su LinkedIn o utilizza l'apposito form di contatto

Dove posso seguirti per ulteriori aggiornamenti?

Sono presente su tutti i principali social network. Trovi i link nel footer.
Per tutti gli aggiornamenti puoi seguirmi su Telegram e non dimenticare di iscriverti alla newsletter

☠️ PIRATERIA : hai visto il mio corso replicato su qualche piattaforma oppure la tua azienda condivide l'account tra più studenti?

Per favore inviami una segnalazione compilando il Form di contatto

AVVISO! NUOVO SITO!

Reactive Programming con Angular e RxJS 6

Video Corso

Il corso include:

A chi è rivolto

Angular Developers

Requisiti

Punti di forza

Principianti ed Esperti

Angular & RxJS

BONUS: RxJS e JavaScript

Approndimenti su...

Cos'è RxJS?

Acquista il corso

FAQ