> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation RxJS, les fondamentaux de la programmation réactive

Formation : RxJS, les fondamentaux de la programmation réactive

RxJS, les fondamentaux de la programmation réactive



New

Adopté dans le framework Angular, utilisable avec d’autres frameworks comme ReactJS ou Vue.js mais aussi de manière indépendante, RxJS est un outil incontournable. Vous mettrez en pratique cette bibliothèque JavaScript de programmation réactive facilitant l’orchestration et la manipulation d’opérations asynchrones.


INTER
INTRA
SUR MESURE

Cours pratique en présentiel ou à distance

Réf. RXJ
  2j - 14h00
Prix : 1590 € H.T.




Adopté dans le framework Angular, utilisable avec d’autres frameworks comme ReactJS ou Vue.js mais aussi de manière indépendante, RxJS est un outil incontournable. Vous mettrez en pratique cette bibliothèque JavaScript de programmation réactive facilitant l’orchestration et la manipulation d’opérations asynchrones.


Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
Comprendre les principes de la programmation réactive
Maîtriser les observables et les souscriptions
Concevoir un pipeline d’opérateurs pour orchestrer ou manipuler un flux de données asynchrones
Choisir la bonne stratégie pour gérer les concurrences d’opérations asynchrones

Public concerné
Développeurs front end, développeurs back end, architectes et chefs de projet web.

Prérequis
Bonnes connaissances des technologies du web et de JavaScript.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Programme de la formation

1
Introduction à RxJS

  • Le paradigme de programmation réactive.
  • Histoire du projet ReactiveX.
  • Présentation de la librairie RxJS.
  • Les concepts d’observable, d’observer, de souscription et d’opérateurs.
  • Mise en œuvre dans les projets front et back.
Travaux pratiques
Mise en place d’un environnement d’exercices (Node.js).

2
Les fondamentaux de RxJS

  • Présentation du Design Pattern Observer.
  • Création d’observables manuellement ou à partir de données.
  • Encapsulation de fonctionnalités asynchrones natives dans un observable.
  • Observation d’un observable.
  • Gestion des souscriptions aux observables.
Travaux pratiques
Création de différents observables manuels ou s’appuyant sur des données ou des fonctionnalités du navigateur.

3
Les opérateurs, manipulation des flux de données

  • Le principe de pipeline d’opérateurs.
  • Les marble diagrams.
  • Les opérateurs de filtrage.
  • Les opérateurs conditionnels.
  • Les opérateurs de transformation.
  • Les opérateurs d’agrégation.
  • Les opérateurs utilitaires.
  • Créer ses propres opérateurs.
Travaux pratiques
Mise en place de pipelines simples et composés pour manipuler les séquences de données.

4
Les observables "chauds" (ou "hot observables")

  • Différences avec un observable "froid".
  • Les fonctions et opérateurs de transformation d’un observable "froid" en "chaud".
  • Les sujets et le multicasting.
Travaux pratiques
Mise en œuvre d’observable ayant plusieurs observateurs.

5
Transformations d’observables

  • Combinaison d’observables.
  • Partition d’observables.
Travaux pratiques
Expérimentation des combinaisons et partitions d’observable.

6
Les observables d’ordre 2

  • La problématique des observables d’observables.
  • La stratégie de gestion en parallèle.
  • La stratégie de mise en file d’attente.
  • La stratégie de basculement.
  • La stratégie d’ignorance.
  • Choisir la bonne stratégie en fonction du besoin.
Travaux pratiques
Gestion d’appels API concurrents en réponse à des événements navigateurs.

7
La gestion des erreurs

  • Arrêter, réessayer son opération asynchrone ou basculer vers une nouvelle opération asynchrone.
  • Gérer les erreurs transitoires dans le cadre d’un observable d’ordre 2.
Travaux pratiques
Gestion des erreurs sur différents scénarios.

8
Tester son code avec RxJS

  • Présentation du TestScheduler.
  • Les fonctions d’aide (génération d’observables, tests d’observables...).
  • Les syntaxes figuratives (observables, souscriptions, temps…).
Travaux pratiques
Réalisations de tests d’observables suivant différents scénarios.


Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance

Dernières places
Date garantie en présentiel ou à distance
Session garantie