Next Fundamentals

Reactive Programming con Angular e RxJS 6

Video Corso

Un video corso per comprendere RxJS 6 e la programmazione reattiva, allo scopo di sfruttarne il potenziale in applicazioni Angular.
65 video
su RxJS 6.x
8 ore
di materiale
Next Fundamentals

Il corso include:

1
Video Corso "Angular & RxJS"
Apprendere le fondamenta del paradigma funzionale reattivo, comprendere a fondo la libreria RxJS e sfruttarne il potenziale in applicazioni Angular
2
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

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

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

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

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

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...

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
• 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
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
• 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
• Operatore defer(): lazy observables (5:04)
• Creazione Operatori Custom RXJS (5:50)
RxJS & Angular: autenticazione e sicurezza
• 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
• 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
• 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
• 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

Accedi al materiale dove e quando vuoi... per sempre!

Multi Licenza

197
+ iva
/utente
  • Prezzo scontato per 5 o più utenti

  • Report / Progress per singolo utente

Il più venduto!

Singolo Utente

297 + iva
  • Corso RxJS 6
  • 60+ video tutorial
  • 1 registrazione live
  • 8+ ore di lezione
  • 15 gg soddisfatto o rimborsato
Hai bisogno della fattura?
Devi inserire i dati in fase di acquisto cliccando il checkbox "Add a business tax ID" o non sarà più possibile richiederla

10 studenti

97
+ iva
/utente
  • Prezzo scontato per 10 o più utenti

  • Report / Progress per singolo utente

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
Keep updated about latest content
videos, articles, tips and news