Retrouvez-nous pour discuter Javascript autour d'une présentation, et restez avec nous après autour de l'apéro ! Ce mois-ci, on découvre la réalité virtuelle dans le navigateur avec les APIs WebVR et la bibliothèque Aframe.

On remercie la Tour du Web qui nous héberge gentiment pour cette édition. Le meetup se déroule donc près de Jean Macé. Merci à eux !

Passez de développeur Web à développeur WebVR avec Aframe (~45 min)

Description à venir !

Présenté par Florian Traverse (Twitter (https://twitter.com/temsa))

JS addict since 2007. Founder of LyonJS.

#50 : "Passez de développeur Web à développeur WebVR avec Aframe"

La Tour du Web

Retrouvez-nous pour discuter Javascript autour d'une présentation, et restez avec nous après autour de l'apéro ! Ce mois-ci, on parle d'Ionic 3 et des Progressive Web Apps.

On remercie Silkhom qui nous héberge gentiment pour cette édition. Le meetup se déroule donc près du tram T1 Liberté. Merci à eux !

Ionic3 : Visite exclusive à la croisée des mondes ! Web et Mobile avec un soupçon de Progressive Web App (~45 min)

Depuis quelques années, le Web mobile est à la traîne en termes d’expérience utilisateur par rapport au natif. Afin de faire face à l’utilisation majoritaire d'une grande partie de la population mondiale du mobile pour accéder au Web, et notamment sur les problèmes de connectivité que nous connaissons tous, il était important d’apporter une réponse à ces problèmes. et c'est sur cela que les Progressive Web Apps entrent en jeu. Nous verrons ici comment Ionic essaye à minima de répondre à cet enjeu.

Présenté par Mickaël Faust  (Twitter (https://twitter.com/TsubaR00ck), GitHub (https://github.com/koutaku), LinkedIn (https://www.linkedin.com/in/mickael-faust-67a55768))

🤘 Mobile Full Stack développeur @SQLI , Java/Android formateur et UX Lover. Passionné de tout et parfois de rien ! 🤘

#49 : Ionic3 & Progressive Web App

Silkhom

Retrouvez-nous pour discuter Javascript autour d'une présentation, et restez avec nous après autour de l'apéro ! Ce mois-ci, on découvre les WebExtensions, qui permettent de développer des extensions multi-navigateurs.

On remercie 365Talents qui nous héberge gentiment pour cette édition. Le meetup se déroule donc près de la Part Dieu, à côté des Halles Paul Bocuse. Merci à eux !

The Road to WebExtensions (~45 min)

Cette présentation montrera un aperçu de ce que j'ai pu faire pour maintenir en vie une extension abandonnée et ce qui est prévu pour la suite.

Une idée des points abordés :

• Historique du projet et des extensions Firefox

• Réécriture progressive avec React & cie

• Transition vers WebExtensions

Présenté par Alexis Launay (Twitter (https://twitter.com/YoruNoHikage), GitHub (https://github.com/YoruNoHikage), Blog (https://blog.yorunohikage.fr), Web (https://alexislaunay.fr))

#48 : "The Road to WebExtensions"

365Talents

Retrouvez-nous pour discuter Javascript autour d'une présentation, et restez avec nous après autour de l'apéro ! Ce mois-ci, on découvre les vulnérabilités de vos APIs ReST et on parle d'APIs Web méconnues.

On remercie la Tour du Web qui nous héberge gentiment pour cette édition. Le meetup se déroule donc près de Jean Macé. Merci à eux !

Découvrez les vulnérabilités de vos APIs ReST (~45 min)

Les architectures modernes (Progressive Web Apps, I.o.T., ReST everywhere, Micro-Services etc...) nous exposent à de nouveaux risques.

Malheureusement, la sécurité ne fait souvent pas partie du Minimum Viable Product alors que les menaces et les impacts sont de plus en plus importants.

Pas de panique ! Ce talk vous permettra de découvrir les vulnérabilités les plus communes sur les APIs ReST et surtout le meilleur moyen de s’en prémunir :
- Nouveautés de l’OWASP Top 10 2017.
- Authentification et autorisation.
- Cookies are Evil : C.O.R.S. et C.S.R.F ou comment implémenter une API vulnérable en suivant StackOverflow step by step.
- Attention au Content-Type !
- J.W.T., le nouveau danger.
- ReDOS : comment planter une API avec une requête de 100 bytes.
- Présentation de WebSheep.

Présenté par Younes Jaaidi (Twitter (https://twitter.com/yjaaidi), GitHub (https://github.com/wishtack), Blog (http://blog.wishtack.com), Web (https://www.wishtack.com))

Keyboarder Full Stack, Pythonist et eXtreme Programming Evangelist.

Co-fondateur de Wishtack.com (plateforme de Social Shopping) mais aussi formateur, auditeur sécurité et coach en développement web (JS / TS / Angular / ReST / ...), agilité et sécurité.

Les APIs Web insoupçonnées (~15 min)

Petit tour d'horizon de quelques capacités de vos navigateurs dont vous ignoriez peut-être l'existence !

Présenté par Thomas Jarrand (Twitter (https://twitter.com/tom32i))

⚓️ French Web Developer ☕️

#47 : "Découvrez les vulnérabilités de vos APIs ReST" & "APIs Web insoupçonnées"

Retrouvez-nous pour discuter Javascript autour d'une présentation, et restez avec nous après autour de l'apéro ! Ce mois-ci, on parle de React Native.

On remercie Epitech qui nous héberge gentiment pour cette édition. Le meetup se déroule donc boulevard Vivier Merle, à quelques minutes à pieds de la Gare Part-Dieu. Merci à eux !

How to React Native? (~45 min)

Dans ce talk sur React Native, le framework de rendu mobile natif basé sur React, on va s’attaquer à différentes problématiques rencontrées lors d’un an de développement sur cette techno chez M6 Web. Ca sera l’occasion de découvrir l’écosystème et d’explorer les questions de prototypage, de navigation, de positionnement, de performances, de tests, etc. dans une présentation qui se veut avancée, mais accessible !

Co-présenté par Marvin Frachet (Twitter (https://twitter.com/skahrn), GitHub (https://github.com/skahrz))

Consultant JavaScript @Zenika, éternel enthousiaste et passionné de front.

Co-présenté par Nicolas Cuillery  (Twitter (https://twitter.com/ncuillery), GitHub (https://github.com/ncuillery))

Consultant formateur JavaScript @Zenika. Fanboy de l’écosystème React et contributeur React Native.

#46 : React Native

Epitech

Retrouvez-nous pour discuter Javascript autour d'une présentation, et restez avec nous après autour de l'apéro ! Ce mois-ci, on parle de génération de musique & réalité virtuelle.

On remercie Epitech qui nous héberge gentiment pour cette édition. Le meetup se déroule donc boulevard Vivier Merle, à quelques minutes à pieds de la Gare Part-Dieu. Merci à eux !

Le Web à l’heure du Midi (~45 min)

Le MIDI est un protocole créé en 1983 permettant de faire communiquer des instruments ou logiciels de musique ensemble. Fin 2012, le W3C commence à rédiger une spécification pour que les navigateurs puissent utiliser les interfaces MIDI, et Chrome intègre cette API en 2015. Les applications sont nombreuses : composition, apprentissage de la musique, piloter des applications, jouer… Que vous soyez mélomane ou simple curieux, voici un tour d’horizon de ce qu’est le midi, ce qu’on peut en faire, et comment le faire dans votre navigateur.

Présenté par Benoit Viguier  (Site perso (https://b-viguier.github.io/), Twitter (https://twitter.com/b_viguier))

Passionné par l’informatique depuis ma rencontre avec une TI-83 au lycée, mon parcours professionnel était initialement tourné vers la 3D et la CAO. Plongé dans le Web depuis quelques années, j’ai été rapidement séduit par sa dynamique, sa communauté et ses challenges techniques. Aujourd’hui Lead Développeur chez M6Web/Élao, je travaille sur la partie backend de 6play.

Lightning Talk Réalité Virtuelle (~15 min)

Nous parlerons de Réalité Virtuelle, de la quatrième transformation de Robert Scoble… et de pourquoi il faut monter maintenant dans le bateau de la VR !

Présenté par Florian Traverse (Twitter (https://twitter.com/temsa))

JS addict since 2007. Founder of LyonJS.

#45 : Génération de sons MIDI en JS / Lightning Talk Réalité Virtuelle

Retrouvez-nous pour discuter Javascript autour d'une présentation, et restez avec nous après autour de l'apéro ! Ce mois-ci, on parle d'API : GraphQL & REST.

On remercie Silkhom qui nous héberge gentiment pour cette édition. Le meetup se déroule donc près du tram T1 Liberté. Merci à eux !

Web Services High-tech avec GraphQL et Apollo (~45 min)

Avez-vous déjà utilisé ou créé des web services REST ou SOAP ? Voulez-vous quelque chose de différent ? Venez découvrir un nouveau genre d'API, à l'origine créé dans les laboratoires secrets de Facebook. J'ai nommé : GraphQL.

Ce protocole permet de créer des web services modernes répondant aux besoins d'aujourd'hui : haute performance sur réseau mobile, forte évolutivité et très grande souplesse, usages émergents, données en temps réel, auto-documentation…

Apollo GraphQL, un projet communautaire lancé et supporté par le Meteor Developpement Group, nous permet d'utiliser facilement GraphQL à la fois côté front- et back-end. Le client Apollo est une alternative sérieuse et populaire à Relay, conçue pour fonctionner partout et offrant quelques fonctionnalités sympathiques comme un cache intelligent.Bonus: tout ceci sera concrétisé dans une application Vue !

Présenté par Guillaume Chau  (Twitter (https://twitter.com/Akryum))

Membre de la core team de Vue.js et contributeur open-source pour Meteor & Apollo GraphQL. Consultant Ingénieur en étude et développement web.

Un backoffice en javascript (~15 min)

PHP a Symfony et Laravel, Python a Django… et en Javascript, on a quoi pour créer facilement un backoffice ? Découvrez comment on peut partir d'un modèle de données pour construire rapidement une API REST et une interface d'admin avec Sequelize, Lumber, Forest et Swagger.

Présenté par Louis-Rémi Babé (Twitter (https://twitter.com/louis_remi))
Louis-Rémi a découvert javascript en utilisant puis en contribuant à jQuery il y a dix ans. Depuis il a continué à expérimenter avec ce langage, notamment sur le terrain de la création typographique. Aujourd'hui il s'en sert pour créer et interconnecter des systèmes d'informations.

#44 : GraphQL, Apollo & Lightning Talk API REST

Retrouvez-nous pour discuter Javascript autour d'une présentation, et restez avec nous après autour de l'apéro ! Ce mois-ci, on parle de SonarJS avec Carlo Bottiglieri, développeur chez SonarSource.

On remercie la Tour du Web qui nous héberge gentiment pour cette édition. Le meetup se déroule donc près de Jean Macé. Merci à eux !

SonarJS (~45 min, présentation en français)

What is SonarJS good for? How does it work internally and how to use it to prevent bugs?

An introduction to the ins and outs of the SonarJS code analyzer, SonarLint and the overall SonarQube ecosystem.

After a live demo of the usage of SonarJS within an IDE, we will look into what it means to build a code analyzer and how code is represented and understood at different levels of abstraction.

Finally, since developers often work within teams and organisations, we will see how to leverage SonarQube to use SonarJS consistently within a larger group of people.

—

À quoi sert SonarJS? Quel est son fonctionnement interne et comment l'utiliser pour prévenir les bugs?

Une introduction aux tenants et aboutissants de l'analyseur de code SonarJS, de SonarLint et de l'écosystème global de SonarQube.

Après une démo de l'utilisation de SonarJS dans un IDE, nous examinerons ce que signifie construire un analyseur de code et comment le code est représenté et compris à différents niveaux d'abstraction.

Enfin, comme les développeurs travaillent souvent au sein d'équipes et d'organisations, nous verrons comment SonarQube permet d'utiliser SonarJS de manière cohérente au sein d'un groupe plus large de personnes.

Présenté par Carlo Bottiglieri (LinkedIn (https://www.linkedin.com/in/carlo-bottiglieri-2156014/), GitHub (https://github.com/inverno), Blog (https://minnenratta.wordpress.com/))

Currently a developer in SonarSource, Carlo has recently escaped from the corporate gilded cage. He seeks simple and expressive software design in daily work and great teams to devote to. So far he has created many systems he is not entirely ashamed of, a few agile teams he loved and a software development organization that was not half bad.

#43 : SonarJS

Retrouvez-nous pour discuter Javascript autour d'une présentation, et restez avec nous après autour de l'apéro ! Ce mois-ci, on parle de streams et de manipulation de données avec Highland.js. On parle aussi d'intégration de composants Vue.js dans une application Angular.

On remercie la Tour du Web qui nous héberge gentiment pour cette édition. Le meetup se déroule donc près de Jean Macé. Merci à eux !

Traitements par streams haut-niveau avec Highland.js (~45 min.)

Les streams permettent de simplifier les traitements de séquences de données, synchrones ou asynchrones. Nous verrons des exemples où les streams sont utiles, les fonctionnalités intéressantes de la librairie highlandjs ainsi que certains pièges au travers d’un retour d’expérience.

Présenté par Guillaume Gautreau (Twitter (https://twitter.com/ghusse), GitHub (https://github.com/ghusse/), Blog (https://www.ghusse.com))

Lead developer chez ReportLinker, principalement avec Node & Angular (mais pas uniquement).

Intégration de composants Vue.js dans une application AngularJS (~15 min.)

Présenté par Nicolas Payot (Twitter (https://twitter.com/npayot), GitHub (https://github.com/nicolaspayot))

Front-End dev chez Dawex.

#42 : Streams avec Highland.js & Lightning Talk Vue.js

Retrouvez-nous pour discuter Javascript autour d'une présentation, et restez avec nous après autour de l'apéro ! Ce mois-ci, on parle de manipulation de données binaires issues d'IRM en Javascript. On parle aussi de Vue.js.

Ce mois-ci c'est Zenika Lyon qui nous héberge gentiment. Le meetup se déroule donc près de la Part-Dieu. Merci à eux !

Voyage au centre du cerveau humain ou comment manipuler des données binaires brutes en Javascript (~45 min.)

Rappels sur le binaire, la source de notre code : comment ça marche et quels services peut-il nous rendre dans la vrai vie (exemples concrets avec Node et dans le navigateur).
En bonus : Comment faire taire un développeur PHP qui vous prend de haut 😉

Présenté par Thomas Jarrand (Twitter (https://twitter.com/Tom32i))

⚓️ French Web Developer ☕️

Introduction à Vue 2.x (~15 min.)

- Qu'est-ce que Vue et quelles sont ses principales caractéristiques ?
- Quelles sont les nouveautés de la v2.0 et de la v2.1
- Les ressources pour bien démarrer

Présenté par Guillaume Chau (Twitter (https://twitter.com/Akryum))

Avec presque 10 ans d'expérience dans les technologies Web, j'ai travaillé dans de grands groupes comme Veolia et Engie. J'ai remporté le 1er prix au concours Innov'Game en 2011 et je suis également co-auteur d'un livre sur ActionScript 3. Aujourd'hui, je suis Consultant Ingénieur Web chez Astek et membre actif de la communauté Open Source des technologies que j'affectionne (comme Vue, Apollo et Meteor).

Évènements