talk-data.com

Apprenez les fondamentaux de JavaScript, langage de programmation essentiel pour le développement front-end et back-end ! Cet atelier de 2 heures, 100% gratuit, sera animé par les intervenants du Wagon.

Inscription gratuite sur ce lien

Découvrez le Tech Starter Pack du Wagon, une semaine d'initiation gratuite aux compétences de la tech 🌟

Chaque jour, de 11h à 13h, rejoignez-nous pour explorer un nouveau domaine : no-code, growth, développement web, analyse de données ou l’intelligence artificielle. Suivez les ateliers individuellement ou participez à tous les workshops pour un tour d’horizon complet des métiers de la tech 🚀 Par ici pour en savoir plus

MERCREDI - ATELIER 3️⃣ Apprenez les fondamentaux de JavaScript, langage de programmation essentiel pour le développement front-end et back-end !

Ce que vous apprendrez : ✅ Les bases de la programmation (affectation de variables, instructions "if" et boucles) ✅ Les concepts de développement communs à plusieurs langages de programmation ✅ L’utilisation de frameworks JavaScript comme next.js, Node.js ou React

Format et pré-requis : Cet atelier est ouvert à tou(te)s, aucun pré-requis n'est attendu. Il sera animé par les formateurs du Wagon et est totalement gratuit ! Vous aurez accès à Learn, la plateforme de e-learning du Wagon où vous retrouverez un résumé des notions clés, des exercices ainsi que leurs corrigés pour continuer à pratiquer après l'atelier.

À propos du Wagon : Le Wagon est un des leaders mondiaux des formations intensives en Développement Web, Data & IA, Growth et No-Code. Depuis 2013, Le Wagon forme des professionnels en quête d’évolution, des esprits créatifs ou encore des entrepreneurs aux métiers de la Tech. À temps plein ou à temps partiel, sur l’un de nos 40 campus dans le monde ou en ligne, nos intervenants passionnés enseignent les compétences les plus recherchées par les entreprises à travers une pédagogie basée sur la pratique. Rendez-vous sur lewagon.com pour accélérer votre carrière et rejoindre une communauté internationale de plus de 28 000 personnes !

Ce talk, c'est l'initiation à RxJS que vous avez peut-être ratez quand vous avez débuté avec RxJS. L'objectif est de vous redonner le contrôle.

On ne peut plus aujourd'hui négliger la puissance de la programmation réactive dans le développement des applications modernes, notamment les applications à page unique (Single Page Application).

RxJS (Reactive Extensions for JavaScript) est une bibliothèque JavaScript permettant la programmation réactive. Il existe même des travaux en cours par TC39 pour intégrer tous les concepts que cette bibliothèque apporte par défaut dans le langage JavaScript.

Malheureusement, pour tirer pleinement parti de la puissance de RxJS dans nos applications, que ce soit côté serveur ou côté client, il faut une bonne connaissance des fondamentaux de la programmation réactive, de certains concepts de RxJS et également des opérateurs (et il y en a beaucoup, c'est vrai).

RxJS est intégré par défaut dans Angular, ce qui reste l'un des obstacles pour certains développeurs à l'adoption de ce framework en raison de sa courbe d'apprentissage jugée abrupte par la plupart. Le constat est que beaucoup de développeurs qui utilisent même Angular ne maîtrisent pas forcément bien RxJS, ce qui conduit souvent à une mauvaise utilisation des opérateurs, à une mauvaise gestion des erreurs, voire à des anti-patterns comme les souscription imbriquées (Nested Subscription).

Mais compte tenu de sa puissance, il serait dommage de ne pas profiter pleinement de cette bibliothèque et de se limiter à son utilisation pour des opérations basiques telles que la souscription à un observable pour simplement consommer les valeurs émises.

Dans ce talk, je vous démystifierai RxJS en repartant de zéro. Du pattern observateur aux Subject, en passant par les opérateurs de projection et de combinaison ainsi que les observables de haut niveau (Higher-order Observables). L'objectif est de vous redonner le contrôle sur cette bibliothèque afin de profiter pleinement de sa puissance.

Après ce talk, la programmation réactive et RxJS n'auront plus de secrets pour vous.

Nous commencerons par les notions de base (Observable, Observer, Subscription, Subject) avant de vous faire découvrir quelques opérateurs (création, projection, combinaison, observables de haut niveau) qui vous seront utiles au quotidien.

Publique cible - Les développeurs souhaitant avoir une base solide en programmation réactive et RxJS.

• Les développeurs Angular (Angular intègre RxJs par défaut) en premier mais pas que, ces connaissances vous seront utlies quelque soit le framework.

Format  Ce sera une session de clarification des concepts à travers du live coding pour vous montrer la place et l'utilité de chaque élément du puzzle. Je montrerai également comment combiner les différents opérateurs RxJS pour résoudre facilement des problèmes courants dans les applications que nous développons, comme par exemple :

• Les race conditions (qui affectent de nombreuses applications React), par exemple lors d'une recherche en temps réel via un champ de recherche, ne considérer que la dernière valeur saisie pendant que l'utilisateur tape dans la zone de recherche, annuler toutes les requêtes précédentes et ne prendre que la dernière.

• Effectuer un nombre défini de tentatives d'une requête lorsque la première échoue avant de considérer qu'un serveur ne répond pas.

• Combinaison des résultats de deux ou plusieurs requêtes pour effectuer une autre requête.

• S'assurer que les résultats de deux ou plusieurs requêtes sont exécutés dans le bon ordre.

• Effectuer une action récurrente uniquement lorsque des conditions spécifiques sont vérifiées.

• Effectuer une action récurrente jusqu'à ce que des conditions spécifiques soient vérifiées.

Pour certains exemples avancés, j'utiliserai Angular qui repose en coulisses sur cette bibliothèque pour la gestion des formulaires, son système de routage et la réalisation des requêtes HTTP. Mais il est à noter que les connaissances que vous acquerrez grâce à ce talk vous seront utiles quel que soit le framework (Angular, React, Vue) et lorsque vous développerez des bibliothèques en utilisant ce paradigme de programmation, que ce soit côté serveur ou côté client.

En bref, votre seule limite sera votre imagination.

Prérequis Vous n'avez besoin d'aucun prérequis pour suivre ce talk, si ce n'est une connaissance basique de JavaScript.

Acquis après ce talk Comme vous le verrez après ce talk, la programmation réactive n'est pas aussi difficile qu'elle n'y paraît, il vous manquait simplement une bonne explication des concepts de base et des exemples pratiques concrets pour comprendre l'utilité des différents opérateurs et en apprendre de nouveaux de manière autonome.

Agenda

6:30 PM: Ouverture des portes

Accueil et installation des participants

7:00 PM: Présentation

Début de la conférence

7:15 PM: Talk RXJS

8:00 PM: Q/A

Questions/Réponses

8:15 PM: Networking

Networking, Rafraichissement...

Speaker

Modeste ASSIONGBON

Développeur Web JavaScript Senior, formateur et passionné par JavaScript et Angular. il crée également du contenu sur YouTube (Dev Propulsor) pour partager ses connaissances avec la communauté francophone.

Hosts

Pritesh BHEEMANEE - T-Systems France (Senior Product Owner)

Jihene MEJRI - BforBank (Chapter Lead Mobile)

Houssem Mahmoud - BlaBlaCar (Software Engineer)

Partner

AgoraPulse (https://www.agorapulse.com/)

Complete your event RSVP here: https://gdg.community.dev/events/details/google-gdg-paris-presents-la-programmation-reactive-amp-rxjs-nauront-plus-de-secrets-pour-vous/.