Best Of Web

Paris - 7 & 8 Juin 2018

En parternariat avec

Voxxed Day Microservices

Tickets Formation (7 juin)

Le jeudi 7 juin, nous vous proposons des formations sur les dernières technos, dispensées par nos partenaires.
Pour venir, il faut vous inscrire à un atelier (les places sont limitées).


Formation

Inscription à un atelier

Acheter

Tickets Conférence (8 juin)

Super Early Bird

Les premiers sont toujours
les mieux servis.

Sold Out

Early Bird

Attention il n'y en a que
0b1000110 de disponible.

Sold Out

Regular

Même à ce prix
ça reste cadeau !

Acheter

Programme

Journée formation du 7 Juin

Les formations sont des ateliers de 3h

10h00 - 13h00

Mathieu Breton Michael Romain

Mathieu Breton & Michael Romain

GraphQL par la pratique

Le buzzword du moment enfin démontrer lors d'une mise en pratique ! Lors de ce TP, nous vous initierons à GraphQL. Cette nouvelle technologie sortie tout droit de chez Facebook, pourrait grandement simplifier vos API multicannals.

Pré-requis

  • Connaissance en Node.js et Express basiques
  • Maniement de Node & NPM
  • Connaissance d'un framework composant (React basique dans notre cas)
  • Connaissance de REST

Wassim Chegham Guillaume Laforge

Wassim Chegham & Guillaume Laforge

Chatbots, et si on passait la seconde ?

Après l’étape de conception du persona de votre chatbot, de ses dialogues, il est maintenant temps de passer la seconde et de se plonger dans des sujets plus avancés. Nous allons continuer notre exploration de Dialogflow, de la plateforme Actions on Google, pour parler d’authentification des utilisateurs (par exemple, avec “account linking”), comment peut-on effectuer des transactions, comment au mieux tirer parti de la “surface” d’utilisation (téléphone, enceinte connectée), ou bien quelles informations peuvent être demandées (localisation, adresse, nom, etc.)

Pré-requis

Un laptop & Node.js

14h00 - 17h00

Wolfgang Goedel & Rudy Weber

Wolfgang Goedel & Rudy Weber

Découvrir Reason-React

Venez découvrir avec nous ReasonML, ce nouveau langage* créé par Jordan Walke, le créateur de React. Vous êtes à l’aise avec le JavaScript moderne, vous avez pris goût au typage statique, vous allez adorer !
https://reasonml.github.io/docs/en/what-and-why.html

Pré-requis:

  • Venir avec un laptop et les outils ReasonML installés. Nous aurons pas le temps de les installer pendant le workshop. Vous trouverez tout ce qu’il vous faut ici: https://reasonml.github.io/ (attention surtout pour les utilisateurs de Windows)
  • connaitre React et le JavaScript moderne. Aucune connaissance de ReasonML ou de OCaml n’est nécessaire, mais sans aucune notions de programmation fonctionnelle et de typage statique vous risquez d’être vite un peu perdus

Fabien Zibi

Fabien Zibi

Ma première Progressive Web App

Présentation

  • Introduction aux Progressive Web Apps,
  • Outils indispensables pour vous aider à développer une PWA,
  • APIs permettant à votre PWA de s’intégrer dans l’écosystème de votre téléphone,
  • Ressources pour se documenter et rester au fait des évolutions.

Hands-on

  • Implémenter un mode offline,
  • Rendre l’appli apte à s’installer sur un téléphone,
  • Proposer à l’utilisateur de l’installer,
  • Push event & Notification.

Pré-requis

  • Niveau correct en JS
  • Git et NodeJS installés

Journée conférence du 8 Juin

8h00

Accueil et petit-déjeuner

9h00

Intro

9h10

Morgan Kobeissi

Morgan Kobeissi Grande Salle

Cut me some Slack

Slack is the degree of freedom in a company that allows it to change.

Are you in a situation where you are:

  • practicing Scrum or the like?
  • developing 24/7 struggling to keep your head above water to meet demands?
  • overcommitting in your iterations?
  • committing to your exact velocity but still not managing to deliver it all?
  • experiencing inconsistent amount of work finished between iterations?
  • feeling your agility is fragile?
  • frustrated that there is no time to learn new things?
Would you like to know of a simple yet very effective way to solve all these impediments and better yet, improve and learn continuously and be more productive while being happy? Come and join me at this session, and hopefully you can leave it with the necessary knowledge to explain to others why they should cut you some slack.

Maxim Salnikov

Maxim Salnikov Amphi

Tame your Service Worker before your Progressive Web App go into the wild

The collection of modern web browsers APIs and set of best practices on creating the applications turned into a new software creation methodology called Progressive Web Apps (PWA). The Service Worker API is a key API of the whole concept. Let me unleash its power for you! But with great power comes great responsibility - trivially, but true: I'll show the examples of how easy the "Progressive" part of the PWA term could become "Regressive", how to fix this, and how to test our Service Worker before deploying your app.

9h50

Caroline Besnard Héloïse Bonan

Grande Salle

How to distinguish PWA's UX from WEB app's UX

Aujourd'hui, le mot UX représente bien trop souvent un concept abstrait. Nous allons donc découvrir quels sont les principes de bases de l'UX ? Quels sont les erreurs classiques que l'on peux trouver dans les applications mobiles ? Comment adapter l'UX d'un site web sur un device mobile ?

Amahdy Abdelaziz

Amahdy Abdelaziz Amphi

Web Payment APIs

Implementing Mobile Payment APIs will not just improve the user experience, but increase the chance of maintaining your users. Thanks to the safety nature of the process of payment, the APIs will make the decision of clicking "pay" easier like never before. In this presentation we will discuss the basics of implementing the APIs, the available gateways, and show some demos and how they resonate in the era of PWA. We will also discuss the current limitations, and how the future will look like towards standardizing those APIs.

10h30

Pause

11h00

Sébastien Chopin

Sébastien Chopin Grande Salle

Nuxt.js

Faire des application web universelles n'est pas si facile, pourtant elles ont beaucoup d'avantages. Je montrerai comment en faire une avec Vue.js et le module `vue-server-renderer`. Nous verrons les bonne pratiques, ce qu'il faut éviter de faire et comment rendre ce processus simple et fun.

Mathilde Lemee

Mathilde Lemee Amphi

Les systèmes de recommandation

30% du CA d’Amazon provient de leur moteur de recommandation. Mais comment faire dans des systèmes complexes pour obtenir les meilleures recommandations ? Dans cette session, nous verrons les différentes types de systèmes de recommandation basés sur des exemples concrets.

11h40

Jean-François Garreau

Jean-François Garreau Grande Salle

Faisons de la magie grâce à Houdini CSS

La dernière spec de layout CSS vient tout juste de sortir et elle correspond exactement à votre besoin et va permettre de simplifier énormément votre travail quotidien. Seul hic, vous devez supporter tous ces navigateurs qui n’ont pas encore implémentés cette feature ! Comment faire ? Un polyfill javascript ? Ca risque de plomber un peu les performances de votre projet. Ah si seulement de vrais polyfills css existaient ! Et bien c’est un peu la version TL;DR; de Houdini CSS. Venez à ce talk pour voir ce que l’avenir du CSS nous réserve et comment cette spec va nous changer la vie !

Victor Viale

Victor Viale Amphi

Réalité virtuelle avec VueJS et A-Frame

Les specs WebVR et WebGL et les récentes APIs HTML5 ont permis aux navigateurs d'afficher des contextes OpenGL et d'y connecter du matériel de réalité virtuelle : casques, contrôleurs de jeux ou simples Cardboard permettent d'enrichir l'expérience web sur ordinateurs comme sur mobiles.

Mon ami Pierre Charles et moi-même avons décidé de mener ce projet au sein de notre parcours universitaire en mêlant A-Frame, techno extrêmement jeune développée par la fondation Mozilla, et Vue2, complètement à l'aveugle. Lorsque nous avons lancé le projet, nous étions à première vue des précurseurs sur l'utilisation de ces deux technos dans un projet qui ne relève pas que du prototype.

Je proposerai aujourd'hui de revenir sur le développement de ce projet afin de discuter de l'avenir de la VR dans le développement Web.

12h20

Cédric Ravalec

Cédric Ravalec Grande Salle

Comprendre la stratégie de Google avec les PWA

Alors qu’Android est la première plateforme mobile du monde et que java/kotlin sont les langages de prédilection des applications sur cette plateforme pourquoi depuis 2 ans Google pousse les entreprises et les développeurs à porter leurs applications vers les PWA ? Pourquoi ce paradoxe ?

Xavier Detant

Xavier Detant Amphi

De Javascript à Haskell : La programmation fonctionnelle expliquée simplement

Si un de vos collègue vous a déjà dit «Alors là, j'ai utilisé de l'application partielle sur cette fonction que j'ai curryfié en utilisant des fonctions d'ordre supérieur et des closures» et que vous n'avez rien compris, alors ce talk est pour vous. La programmation fonctionnelle présente de nombreux concepts qui viennent des maths. Et cela fait peur ! Mais appliqué à l'informatique, c'est en réalité très simple ! Durant ce live-coding consistant à refactorer un code impératif vers un code fonctionel, les conceptes principaux seront introduits uniquement quand cela est utile et expliqués en profondeur. À la fin de ce talk, les concepts suivants n'auront plus de secrets pour vous :

  • La transparence référentielle
  • Les fonctions comme citoyen de première classe
  • Les fonctions d'ordre supérieur
  • Les closures
  • Le lambda calculus
  • La curryfication
  • L'application partielle
  • La composition de fonction
  • La notation «Point-free»

12h40

Repas

14h00

David Nowinsky

David Nowinsky Grande Salle

De développeur web à artiste du cerveau

Après les interfaces tactiles, la détection des gestes, la reconnaissance de la voix, que reste-t-il à explorer pour contrôler nos programmes ? Depuis qques années, des bandeaux permettant de capturer les petites ondes électriques emisent par notre cerveau ont fait leur discrète apparition sur le marché. Dans le même temps, les API Web Bluetooth se sont développées, permettant l'exploitation de nombreux nouveaux devices par nous autres développeurs web. Et si cette combinaison nous permettait de générer quelque-chose contrôlé par notre cerveau? Dans ce talk, je vous guiderai dans mon exploration de ce domaine fascinant qu'est la NeuroTech. Nous explorerons le traitement de ses signaux, avec quelques démos interactives. Et le tout dans but bien différent de nos projets habituels : celui de réaliser une installation artistique. J'espère ainsi déclencher la fibre créative aupres de l'audience ;)

Aurore Malherbes

Aurore Malherbes Amphi

Recodons redux et redux-saga

Si vous codez en React vous utilisez très certainement redux et redux-saga. Pour autant comprenons nous vraiment la mécanique de redux avec ses méthodes dispatch, subscribe, getState ? Savons-nous comment le middleware redux-saga intercepte nos actions pour effectuer des calls API ? Recodons ensemble ces deux librairies pour découvrir ce qui se passe sous le capot!

14h40

Gerard Sans

Gerard Sans Grande Salle

Bending time with Schedulers and RxJS 5

Observables have been very popular because of their many qualities: asynchronous processing, composition, performance, powerful operators. But usually there's a less covered feature that lies beneath. That is: Schedulers. In this talk we are going to cover Schedulers in depth, going from the basic APIs to more obscure features to bend time to our will!

Thomas Crevoisier

Thomas Crevoisier Amphi

Les scripts npm et la sécurité

NPM est le premier point d'entrée dés lors qu'il s'agit de package management pour NodeJS. Son API couvre de multiples fonctionnalités : installation, publication, scripts. "npm install ..." est probablement un réflexe, pourtant est-ce que vous savez tout ce que ça implique ?

Cette présentation a pour but de décortiquer les scripts exécutés lors d'une installation via NPM et de voir quels détournements sont possibles.

15h20

Alyssa Nicoll

Alyssa Nicoll Grande Salle

Innovating is not about technology, but psychology

Why do we do it? Why do we try so hard? Why are we paying to be here, to listen to people talk? Maybe because we’re life long learners - we want to learn new things? Commune with our own kind? But why? Come examine our motives as developers, the pitfalls we fall into, and the cost of being great.

Vincent Vallet

Vincent Vallet Amphi

NodeJs Event Loop

Suite à une récente key note de Bert Belder concernant l'event loop de NodeJs je peux proposer de revenir sur son intervention et plus généralement sur le fonctionnement de l'event loop + libUv qui sont au coeur du fonctionnement de NodeJs.

Ça permet de revenir sur les briques de bases de Node mais aussi de démystifier un peu certaines choses et de faire la part entre mythes et réalité.

16h00

Pause

16h30

Alexis Hassler

Alexis Hassler Grande Salle

HTTP/2 en pratique

Je suppose que vous avez déjà vu cette démo montrant une image morcelée qui s'affiche tellement plus vite en HTTP/2. Si ce n'est pas le cas, je vous la montrerai, et je vous expliquerai brièvement pourquoi c'est aussi rapide. Le but de cette présentation, c'est surtout de vous montrer comment HTTP/2 est implémenté aujourd'hui, en accès direct ou en reverse proxy. On verra en particulier comment configurer les principaux serveurs Web du marché, comme Apache httpd, nginx, NodeJS ou Tomcat. Enfin nous évaluerons l'impact que peut avoir HTTP/2 sur notre code et comment les API Push peuvent faire charger l'image morcelée encore plus rapidement.

Loïc Knuchel

Loïc Knuchel Amphi

Mutation testing, enfin une bonne mesure de la qualité des tests ?

On sait tous que les tests sont importants. Mais sont-ils suffisamment bons ? Le mutation testing peut vous montrer les bugs qui ne seraient détectés par vos tests, vous permettant ainsi d’améliorer vos tests. Ce talk se veut très pratique, je montrerais ce qu’est le mutation testing, comment le mettre en place sur un projet et les résultats obtenus sur un projet réel.

17h10

Michel Parreno

Michel Parreno Grande Salle

Transformez votre animal en Tamagotchi !

J'ai transformé mon lapin en Tamagotchi ! Démarrer un side-project à côté du travail est souvent (très) difficile ! Pourtant, c'est un des meilleurs moyen de progresser et découvrir de nouveaux horizons. Vous avez envie d'automatiser les tâches récurrentes pour votre petit compagnon d'appartement ? Curieux des possibilité de Raspberry Pi sur l'électronique ? Curieux du temps nécessaire pour créer une appli React Native ? Dans cette présentation, je vous fais un retour d'experience sur mon propre side-project en espérant vous donner envie d'en commencer un.

Dustin Coates

Dustin Coates Amphi

Alexa, show me a good voice UI

Voice interaction is exploding in 2017 and beyond. 1 in 6 American homes have a voice-first device, and the number of people speaking to computers is only going to increase. If we take our web pages and put them on voice, we’ll have frustrated customers who are going to look elsewhere. What, then, are the principles of a good voice UI? In this talk we’ll examine how to build a voice UI that gets the conversation going.

17h50

Closing Keynote

S'y rendre

Plan de la Grande Crypte

Sponsors

Gold

Silver

Bronze +

Vous souhaitez participer et sponsoriser l'événement Best Of Web ?