Le froid arrive, et si c'était pas le moment pour un petit apéro JS pour bien finir l'année ! ❄️

Retrouvez-nous pour discuter Javascript autour de l'apéro. Développeuses ou développeurs, simples curieux ou développeurs chevronnés, c'est le moment de se rassembler pour faire connaissance dans un moment convivial. 🍻

Nous avons fait une réservation au Ninkasi Part-Dieu : merci de nous dire si vous pensez venir pour que nous puissions faire au mieux 💪🏼

L'équipe du LyonJS 🦁

#79 - ApéroJS / Winter Edition ❄️

Ninkasi Part-Dieu

Retrouvez-nous pour discuter Javascript autour d'une belle présentation de 45 minutes chez Indy. On vous attend à partir de 19h ! ⏰

L'événement est gratuit. Pensez à vous inscrire ici 😉
Cet événement est gentiment sponsorisé et hébergé par Indy, un grand merci à eux ! 🙏🏼

**📣 TALK /** Introduction aux coroutines en Javascript

La coroutine, cette fonction qu'on peut suspendre dans le temps, est un composant de base des programmes faisant intervenir une *event loop*.

Dans une présentation qui fera tourner la tête, nous bouclerons la boucle notamment en créant le *Nouveau Meilleurs Front End Framework*™

**Laurent Renard**

**📣 TALK /** Découverte du Web3 avec Javascript

Nous parlons beaucoup du Web3 en ce moment: NFT, Cryptomonnaies, etc. Mais comment ça marche avec Javascript ? Est-il possible facilement de se lancer dans l'aventure du Web3 pour un développeur Web ? Ce talk reviendra sur la blockchain et comment on peut interagir avec le Javascript !

**[Samuel Ronce](https://twitter.com/SamuelRonce)**

Indy

Laurent Renard

Introduction aux coroutines en Javascript

Samuel Ronce

Découverte du Web3 avec Javascript

#78 - Lyon JS - Web 3 & Introduction aux coroutines en Javascript ⭐️

Retrouvez-nous pour discuter Javascript autour d'une belle présentation de 45 minutes chez Smile. On vous attend à partir de 19h ! ⏰

L'événement est gratuit. Pensez à vous inscrire ici 😉
Cet événement est gentiment sponsorisé et hébergé par Smile, un grand merci à eux ! 🙏🏼

**📣 TALK /** Tour d'horizon des nouveautés de Vue3 et son écosystème

Une présentation générale de Vue 3 et Vite, les différences et nouveautés comparé à Vue 2 puis brièvement l'écosystème autour, en se basant sur plusieurs expériences de projets Vue 3.

**[Quentin Le Caignec](lecaignec.quentin@protonmail.com)**

Smile

Quentin Le Caignec

Tour d'horizon des nouveautés de Vue3 et son écosystème

#77 - Lyon JS - Tour d'horizon des nouveautés de Vue3 📰

107 Bd de Stalingrad

Retrouvez-nous pour discuter Javascript autour de deux belles présentations de 45 minutes chez Indy. On vous attend à partir de 18h45 ! ⏰

Le nombre de places est limité, pensez à vous inscrire pour venir et à libérer votre place pour que les personnes en liste d'attente puissent venir.

Cet événement est gentiment sponsorisé et hébergé par Indy, un grand merci à eux ! 🙏🏼

**📣 TALK /** Passer d’un jeu en Flash à une borne d’arcade en JS

Avec l’abandon du Flash, ce sont des milliers de lignes de code qui sont devenues obsolètes. Si un grand nombre d’entre elles ne manqueront probablement à personne, de notre côté il nous était impossible de ne plus pouvoir jouer au jeu Crazy Mammoths… Avec une codebase vieille de 2007, la réécriture d’un jeu en Flash vers du Javascript ne sera pas sans encombre et ne s’arrêtera pas là... Nous présenterons la genèse du projet, les différents choix technologiques et comment un simple jeu Flash s’est retrouvé dans une borne d’arcade sur un festival de 35000 personnes.

**[Hugo Contreras](https://twitter.com/_hy0ug0_) & [Sylvain Blanc](https://twitter.com/LaSylvBlc)**

**📣 TALK /** REX : Mise en place d’un Design System en web components chez Groupama

Les design systems sont devenus incontournables pour créer des applications qui soient cohérentes entre elles et partagent une identité graphique commune. De plus en plus d'entreprises s'y intéressent car ils permettent de designer et développer de nouvelles applications très rapidement.
Mais si nous, développeurs, savons bien utiliser ou créer des librairies de composants pour *un* projet, concevoir un design system à l'échelle d'une entreprise est une autre affaire : comment supporter plusieurs frameworks avec une seule base de code ? Comment créer des composants suffisamment génériques pour couvrir tous les besoins ? Comment s'organiser avec les différents projets consommateurs ?
Autant de problématiques auxquelles nous avons dû répondre chez Groupama. Je vous propose un REX sur le design system que j'ai mis en place, utilisé aujourd'hui sur des dizaines de projets allant du vanilla JS à Angular en passant par les micro-frontends Vue 3. Je vous présenterai le contexte, la solution technique avec ses avantages et inconvénients, des alternatives possibles et enfin l'organisation avec les différents projets.

**[Julien Sulpis](https://twitter.com/jsulpis) -** Développeur front-end passionné, j'aime explorer les dernières technologies du web pour créer des applications aussi agréables à utiliser (UX/UI, performance, animations...) qu'à développer (DX, clean code...).

Hugo Contreras

Sylvain Blanc

Passer d’un jeu en Flash à une borne d’arcade en JS

#76 - Lyon JS de la rentrée 🦁

L'été arrive, et avec lui c'est le retour des ApéroJS ! ☀️

Retrouvez-nous pour discuter Javascript autour de l'apéro. Développeuses ou développeurs, simples curieux ou développeurs chevronnés, c'est le moment de se rassembler pour faire connaissance dans un moment convivial. 🍻

Nous avons réservé un bar en fonction du nombre de participants : merci de nous dire si vous pensez venir pour que nous puissions faire au mieux.

L'équipe du LyonJS 🦁

#75 - ApéroJS / Summer Edition

Retrouvez-nous pour discuter Javascript autour d'une belle présentation de 45 minutes chez Bedrock Streaming. On vous attend à partir de 18h45 !

Nos deux speakers du soir, Antoine et Florent, ont déjà donné cette présentation à la conférence Snowcamp 2022 à Grenoble, et nous font le privilège de la présenter au LyonJS ce mois-ci.

L'événement est gratuit et les places sont limitées. Exceptionnellement, un vigile s'occupera de valider les entrées à partir de la liste des inscrits. Pensez donc bien à vous inscrire ici 😉

Cet événement est gentiment sponsorisé et hébergé par Bedrock, un grand merci à eux !

**TALK / Migration progressive vers Redux Toolkit**
Redux, la librairie la plus populaire de gestion d'état global au sein d'une application React a évolué au sein des dernières années. Elle a donné naissance à un digne héritier : Redux Toolkit.

RTK étant désormais la solution recommandée par les créateurs de Redux, je vous propose de partir d'une micro application utilisant Redux vanilla et de migrer progressivement les différents éléments (action, thunk, reducer) vers RTK.

*Présenté par Maxime Blanc*
Bedrock
Tech lead au sein des équipes TVJS & adorateur des anglicismes bullshit

**TALK / Comment ne pas jeter son application Frontend tous les deux ans ?**
*Bonnes pratiques pour la maintenance d'une application web*
Refaire son front tous les 2 ans, c’est devenu une pratique plutôt courante dans tous les projets. Tous ? Non, chez Bedrock streaming, nous avons choisi de rester sur la même codebase et ça depuis plus de 7 ans! En plus, ce n’est pas une petite application puisqu’il s’agit de 6play et de salto.
Vous pourriez vous dire: *“Oh les pauvres, maintenir une application vieille de presque 10 ans ça doit être un enfer !”*
Rassurez-vous, ce n’est pas le cas ! Nous avons tous travaillé sur des projets bien moins vieux mais sur lesquels le développement de nouvelles fonctionnalités était bien plus pénible.

*Quel est notre secret ? C’est ce que vous allez découvrir pendant ce talk !*
Automatisation des tâches courantes, gestion de la dette, testing et architecture seront des sujets abordés.
Ce talk propose des thématiques qui ne concernent pas que le frontend !

*Co-présenté par Antoine Caron*
Bedrock
Trublion d'openspace, enseignant à la fac et développeur Web pour M6 depuis plus de 2 ans.

*Co-présenté par Florent Dubost*
Bedrock
Lead de l'équipe frontend web qui développe la plateforme de streaming proposée par Bedrock. Amoureux des tests e2e. Coach de trampoline à ses heures perdues

PS : Nous serons dans l'auditorium de Bedrock, et l'entrée sera gentiment contrôlée par un vigile chargé du contrôle de sécurité, y compris en vérifiant les sacs. **Pensez donc bien à vous inscrire, car cette personne validera la liste des invités 🙏**

Bedrock Streaming

Maxime Blanc

Migration progressive vers Redux Toolkit

Antoine Caron

Florent Dubost

Comment ne pas jeter son application Frontend tous les deux ans ?

#74 - RTK + "Comment ne pas jeter son application Frontend tous les deux ans ?"

Bedrock Streaming - Lyon

Retrouvez-nous pour discuter Javascript autour de non pas une mais 2 présentations ! Restez avec nous ensuite autour de l'apéro !

Au programme, Julien nous parle de bonnes pratiques et d'astuces dans l'utilisation de Mongoose; et Loïc nous présente son retour d'expérience dans le développement d'une alternative à Express et NestJS : FoalTS.

L'événement est gratuit & les places sont limitées, pensez à vous inscrire :)

Cet événement est gentiment sponsorisé et hébergé par Indy, un grand merci à eux !

**TALK / Trucs et astuces pour rendre mongoose moins pénibles au quotidien**

*"Mongoose, mais pourquoi tu ne veux pas me le sauvegarder ce champ ?"*

Tous les heureux utilisateurs de mongoose se posent cette question à un moment donné.
Ce soir, nous allons essayer de lever un peu le voile sur les mystères de mongoose.
Au programme :
👉Les dessous tech de mongoose
👉Trucs et astuces glanés au fil du temps sur son usage
👉Du troll sur mongoose à l'apéro ;)

*Présenté par Julien*
Développeur javascript aussi bien frontend que backend avec un certain plaisir à faire des trucs compliqués autour de MongoDB.

**TALK / Quatre ans de développement d’un framework Node.JS**

À la recherche d’un challenge, j’ai décidé de me lancer il y a quatre ans dans le développement d’une nouvelle alternative à Express et NestJS. Entre découvertes techniques et marketing, définition du produit, dialogue avec les utilisateurs, rédaction d’une doc de 11 000 lignes et pratique du TDD sur 2500 tests, je vais vous partager dans ce talk les expériences que j’ai vécues.

Présenté par Loïc
Créateur de FoalTS ❤️. Software Engineer @Indy (indy.fr / freely.tax)

Julien

Trucs et astuces pour rendre mongoose moins pénibles au quotidien

Loic Poullain

Quatre ans de développement d’un framework Node.JS

#72 - "Mongoose Tips&Tricks" + "Retour d'expérience du développement de FoalTS"

94 Rue Robert

Retrouvez-nous pour discuter Javascript autour de 2 présentations! Restez avec nous ensuite autour de l'apéro !

Ce soir, c'est en présentiel, avec au programme Mickaël et Antoine qui vont nous montrer comment créer une vidéo avec des technos web, mais aussi Julien et Mathieu qui vont nous montrer comment dynamiser un site pour attirer les milléniaux.

L'événement est gratuit, pensez à vous inscrire :)

Cet événement est gentiment sponsorisé et hébergé par Zenika, un grand merci à eux !

**Talk : "Comment faire un trailer vidéo qui déchire avec des technos web ?"**

aka : Deux idiots + une lib + du temps => des paillettes.

Un jour, alors que Mickaël Alves était fraichement arrivé à Bedrock, celui-ci a eu le malheur de demander à Antoine Caron ce sur quoi il bossait entre midi et deux et qui semblait fort l'amuser. Quelle erreur du dev Franco-Portugais ! 😱 Il ne se doutait pas encore de la folie de son nouveau tech lead.

*"J'essaie de générer des vidéos en MP4 à partir de composants React, tu veux voir ?"*

**Co-présenté par Mickaël Alves.**
*Web Consultant chez Zenika Lyon & Bedrock*
**et co-présenté par Antoine Caron.**
*Web Maker chez Bedrock_Tech, trublion de l'internet et despote teacher à Polytech Lyon.*

**Talk : "Pimp my site: Comment dynamiser un site pour attirer les milléniaux."**

Pendant des années, on attendait d’un site web qu’il soit fonctionnel. Aujourd’hui, dans un marché ultra concurrentiel, ce n’est plus suffisant : pour se démarquer, il faut réussir à mettre en place un design aussi épuré qu’impactant.
La police, les couleurs, les animations, le son, font partie de ces “plus” qui rendront votre site plus attirant. Plus facile à dire qu’à faire… Vous croyez ?
Nous allons vous montrer dans ce talk et live coding comment dynamiser un site "vieillot" en un site “juicy”, prêt à attirer plein de millenials, et le tout avec des astuces pas compliquées que vous pourrez utiliser dès demain…

**Co-présenté par Julien Sulpis.**
*Web Consultant chez Zenika Lyon & Bedrock*
**et co-présenté par Mathieu Mure.**
*Directeur technique chez Zenika Lyon*

Zenika

Mickaël Alves

Comment faire un trailer vidéo qui déchire avec des technos web ?

Julien Sulpis

Mathieu Mure

Pimp my site: Comment dynamiser un site pour attirer les milléniaux.

#71 - Comment créer une vidéo avec React + dynamiser un site pour les milléniaux

Zenika Lyon

Évènements