Best Of Web

Paris - 8 & 9 Juin 2017

À propos de Best of Web 2017

Le vendredi 9 juin sera consacré aux conférences, sur le même format que les années précédentes. C’est le Ticket Conférence qui vous permet d’y venir.

Qu’est-ce-qu’il y a le 8 juin ?

Le jeudi 8 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).

Il vous faut un Ticket Conférence pour pouvoir vous inscrire à une formation.

Les speakers

Les meilleurs speakers de nos meetups seront présents le vendredi 9 juin.

Rémi Parmentier

Rémi Parmentier

La technique des Fab Four

Grégory Ruiz

Grégory Ruiz

SOLID principles for Front-end Developers

Kévin Raynel

Kévin Raynel

Reverse engineering d'une API SOAP chiffrée

Kévin Lebrun

Kévin Lebrun

Elm + Web Components = <3

Jonathan Verrecchia

Jonathan Verrecchia

Tour d'horizon des 3 grandes méthodologies CSS

Raphaël Dubigny

Raphaël Dubigny

Construction d’une "Raspberry pi home alarm" en moins de 3h

Alejandro Mantecon Guillen

Alejandro Mantecon Guillen

Faire du bruit avec Pizzicato.JS

Adrien Saunier

Adrien Saunier

Service-Public.fr : Accessibilité et Agilité

David Rousset

David Rousset

Créer une expérience WebVR sur toutes les plateformes

Marie-Laure Thuret

Marie-Laure Thuret

React Storybook : Concevoir, Développer, Documenter et Débugger ses composants d'interface React

Vincent Voyer

Vincent Voyer

Comment tirer le maximum de vos contributeurs

Christophe Rosset

Christophe Rosset

Faire cohabiter React et d3

Thomas Guenoux

Thomas Guenoux

Le développeur fullstack existe-t-il ?

Les formateurs

Ils animeront les supers ateliers du jeudi 8 juin.

Julien Poyard

Julien Poyard

Utiliser Redux avec Angular

Wolfgang Goedel

Wolfgang Goedel

JavaScript fonctionnel dans React et Redux

Wassim Chegham

Wassim Chegham

Building your own chatbots with API.AI and Cloud Functions

Guillaume Laforge

Guillaume Laforge

Building your own chatbots with API.AI and Cloud Functions

Audrey Neveu

Audrey Neveu

Polymer 2.0 et Progressive Web Apps

Horacio Gonzalez

Horacio Gonzalez

Polymer 2.0 et Progressive Web Apps

Eduardo San Martin Morote

Eduardo San Martin Morote

Vue.js : de 0 à l'app

Vous avez un Ticket Conférence (9 juin) ? Inscrivez-vous aux formations !

Tickets Conférence (9 juin)

Regular

Même à ce prix ça reste cadeau !

50.00 €

Formation professionnelle

Via notre partenaire formation OXiane

Inscription

Tickets Formation (8 juin)

ATTENTION : Il vous faut un Ticket Conférence pour vous inscrire à une formation.

JavaScript fonctionnel dans React et Redux

Pré-requis : un laptop, connaissances React & ES2015, Node.js v6+

10.00 €

Vue.js : de 0 à l'app

Pré-requis : un laptop, connaissance ES2015, Node.js v7.6+

10.00 €

Polymer 2.0 et Progressive Web Apps

Pré-requis : un laptop, bower, npm v3+ et Polymer CLI

10.00 €

Utiliser Redux avec Angular

Pré-requis : connaissances Angular

10.00 €

Building your own chatbots with API.AI and Cloud Functions

Pré-requis : un laptop & Node.js

10.00 €

L'agenda

09:00

Accueil et petit déjeuner

Julien Poyard
10:00-13:00

Utiliser Redux avec Angular

 Julien Poyard

Pré-requis : connaissances Angular


Audrey Neveu
Horacio Gonzalez
10:00-13:00

Polymer 2.0 et Progressive Web Apps

 Audrey Neveu & Horacio Gonzalez

Pré-requis : un laptop, bower, npm v3+ et Polymer CLI

Eduardo San Martin Morote
10:00-13:00

Vue.js : de 0 à l'app

 Eduardo San Martin Morote

Pré-requis : un laptop, connaissance ES2015, Node.js v7.6+


Guillaume Laforge
Wassim Chegham
14:00-17:00

Building your own chatbots with API.AI and Cloud Functions

 Guillaume Laforge & Wassim Chegham

Pré-requis : un laptop & Node.js


Wolfgang Goedel
14:00-17:00

JavaScript fonctionnel dans React et Redux

 Wolfgang Goedel

Pré-requis : un laptop, connaissances React & ES2015, Node.js v6+


08:00

Accueil et petit déjeuner

Thomas Guenoux
09:00

Keynote

Le développeur fullstack existe-t-il ?

 Thomas Guenoux
Rémi Parmentier
09:30

La technique des Fab Four

Intégrer des e-mails responsive, c'est difficile. Et ça impose de travailler avec un support de CSS minimal, souvent sans media queries. Voici la présentation d'une technique un peu tordue permettant d'optimiser du contenu sur mobile, sans media queries. Et un premier pas vers des Element Queries…

 Rémi Parmentier
Grégory Ruiz
10:00

SOLID principles for Front-End Developers

Javascript: object-oriented, prototype-based, programming language.
How being aware of SOLID and wisely applying them could improve your code.

 Grégory Ruiz
10:30

PAUSE

Marie-Laure Thuret
11:00

React Storybook : Concevoir, Développer, Documenter et Débugger ses composants d'interface React

Concevoir ses composants d'interface React n'est pas une tâche facile : ils ont souvent plusieurs états et il peut être difficile de les reproduire lorsqu'on développe en plein milieu du reste de son application. Pire, une fois qu'un composant a été réalisé, comment faire en sorte qu'il soit correctement documenté ? Comment les nouveaux développeurs sauront comment l'utiliser et quels comportements en attendre ?

React Storybook fournit un environnement totalement isolé disposant du hot reload vous laissant développer itérativement vos composants d'interface React. Cerise sur le gâteau, en créant vos composants de cette manière vous disposerez presque gratuitement d'une documentation vivante et d'un parfait point d'entrée quand viendra le temps des expérimentations ou de la résolution de bugs.

 Marie-Laure Thuret
Adrien Saunier
11:30

Service-Public.fr : Accessibilité et Agilité

L’accessibilité fait partie des principes fondateurs du Web. Et pourtant, pour de nombreuses équipes, rendre son site accessible - comprendre : utilisable pour tous - représente un véritable défi.
Pour un site de l’Etat comme www.service-public.fr, récompensé récemment par le label e-accessible, l’enjeu est de taille : comment s’assurer que les informations soient disponibles pour vraiment 100% des citoyens ?

 Adrien Saunier
Kévin Lebrun
12:00

Elm + Web Components = <3

Après ce talk vous aurez tous les outils en main pour intégrer des composants tiers avec votre application Elm. Le cas d'étude portera sur les interactions entre Elm, Polymer, et Vue.js.

 Kévin Lebrun
12:30

REPAS

Alejandro Mantecon Guillen
13:30

Faire du bruit avec Pizzicato.JS

Dans ce talk on fera sonner l'instrument musical qui se cache dans votre navigateur. Jetons un coup d'oeil à web audio, comment l'API fonctionne et quelles possibilités créatives s'ouvrent aux devs avec cette techno. Pour aller plus loin on plongera dans Pizzicato.js, une librairie qui vise à simplifier la création et modification du son avec web audio. Tout cela en passant par des démos, en bricolant des visualisations et - bien sûr - en faisant du bruit.

 Alejandro Mantecon Guillen
Christophe Rosset
14:00

Faire cohabiter React et d3.js

React permet de construire des interfaces et d3, de produire des datavisualisations très avancées. Ces deux librairies proposent de résoudre deux problématiques que l'on peut rencontrer régulièrement en frontend. Cependant, elles n'ont pas du tout la même approche et il peut être compliqué de les faire cohabiter.

Je vous propose de vous exposer les différentes approches possibles à utiliser pour faire marcher d3 avec React, que j'ai pu expérimenter sur topheman/d3-react-experiments.

 Christophe Rosset
Kévin Raynel
14:30

Reverse engineering d'une API SOAP chiffrée

Comment passer d'un lien étrange qui télécharge un fichier exploitable uniquement sous Windows à un client multiplateforme pour télécharger… des fiches de paie ?

Je vous propose de retracer en live les différentes étapes de l'analyse d’un service complètement exotique. Objectif : recueillir un maximum d’informations sur cette API, tester des outils, parler intercompatibilité et bonnes pratiques…

Un talk avec des vrais morceaux de sécurité dedans : du Man In The Middle, de la crypto (RSA, Rijndael), du code décompilé et de la sérialisation maison…

 Kévin Raynel
15:00

PAUSE

David Rousset
15:30

Créer une expérience WebVR sur toutes les plateformes

Grâce à Babylon.js, nous verrons comment réaliser une expérience WebVR fonctionnant sur toutes les plateformes actuelles : des mobiles compatibles WebVR comme le Samsung Gear VR ou Google DayDream mais également sur n’importe lequel d’entre eux grâce à un fallback via les API de Device Orientation.

Nous verrons ensuite comment WebVR se comporte dans des casques plus évolués comme le HTC Vive, l’Oculus Rift ou les nouveaux casques Mixed Reality de Microsoft, notamment du côté des contrôleurs supplémentaires qu’il faut alors afficher et gérer. Cela implique également d’avoir une réflexion sur l’expérience VR en elle-même du côté des interactions utilisateurs et nous verrons quelques solutions possibles. Une petite réalisation WebVR permettra de découvrir quelques bonnes pratiques et quelques outils permettant dès aujourd’hui de mettre en production du contenu VR en ligne.

Ainsi, grâce à la magie du web, WebVR permet de toucher la base d’utilisateurs la plus vaste possible. Ce standard permet même la création d’expériences inédites où l’interaction entre certains périphériques dans la même scène ou jeu vidéo devient possible à travers une page web !

 David Rousset
Jonathan Verrecchia
16:00

Tour d'horizon des 3 grandes méthodologies CSS

CSS présente des limitations techniques majeures qui en font un langage très peu scalable et difficilement maintenable. Au cours de ces dernières années, de très nombreux outils et méthodologies ont émergés pour aider à contourner ces limitations. Ces méthodologies se classent en 3 grandes familles : le CSS "classique" (avec un préprocesseur, une méthode rigoureuse et une convention de nommage), le CSS atomique basé sur les classes utilitaires, et enfin le CSS-in-JS.

Nous verrons ensemble les avantages et faiblesses de chacune de ces approches afin que vous puissiez déterminer la méthodologie qui convienne le mieux pour vos projets.

 Jonathan Verrecchia
16:30

PAUSE

Raphaël Dubigny
17:00

Construction d’une "Raspberry Pi home alarm" en moins de 3h

Ça faisait un moment que je ne savais pas quoi faire de mon raspberry pi. J’en ai fait une alarme connectée pour mon appartement.

Mon alarme détecte la présence d’un inconnu et prend aussitôt des photos en rafale. Ces photos sont immédiatement envoyées sur mon drive google. Je suis notifié par SMS d’une intrusion dans mon appartement. L’alarme fait la distinction entre une présence inconnue et un habitant de l’appartement.

Ce qui m'a le plus surpris c’est que j’ai mis seulement une semaine à raison d'environ 2h tous les soirs pour réaliser mon alarme. Je vous montrerai comment je suis passé de l’idée au produit fini. A l'issue de ce talk, j’espère que chacun de vous pourra réaliser la même alarme en moins de 3 heures.

 Raphaël Dubigny
Vincent Voyer
17:30

Comment tirer le maximum de vos contributeurs

Tout projet de développement privé ou public (open-source) nécessite un investissement de la part de ses contributeurs.

Sans eux le projet n'avance pas. Pas de feedback = pas de tickets = pas de nouvelles features. Notre but en tant qu'auteurs est d'attirer ces contributeurs, puis de tirer un maximum de leurs compétences au sein du projet.

Cette présentation a pour but de vous montrer comment arriver à cet état. En prenant en exemple les librairies open-source développées chez Algolia (InstantSearch.js), nous verrons comment appliquer ces processus sur vos projets.

 Vincent Voyer

S'y rendre

Plan de la Grande Crypte

Sponsors

Gold

Silver

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

Partenaires

Ils nous ont aidés…

Partenaires Formation

L'équipe