Best Of Web

Paris - 9 & 10 Juin 2016

Un grand merci à tous pour cette édition 2016 !

Revivez l'évènement à travers les photos et illustrations.

À propos de Best of Web 2016

12 meetups web parisiens se réunissent pour vous proposer un Best Of de leurs talks de l'année, ainsi que quelques inédits et une journée de formation.

Jeudi 9 juin : journée formation

Le vendredi 10 juin sera consacré aux conférences, sur le même format que l’année dernière.

Le jeudi 9 juin, nous vous proposons des formations (à prix imbattable !) sur les dernières technos, dispensées par nos partenaires.

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 10 juin.

Horacio Gonzalez

Horacio Gonzalez

Mixité dans le monde des web components

Tim Carry

Tim Carry

CSS, Compagnonnage et Vexillologie

Carl Ogren

Carl Ogren

REX sur la refonte de l’espace client Bouygues Télécom avec Backbone.js

Stéphane Bachelier

Stéphane Bachelier

REX sur la refonte de l’espace client Bouygues Télécom avec Backbone.js

Freddy Harris

Freddy Harris

Web Animation Performance

Jérémy Pinhel

Jérémy Pinhel

Reusable charts de d3 : un pattern ré-utilisable pour créer des composants JS

Florian Rival

Florian Rival

Du web au mobile, les techno multiplateformes qui changent les standards en 2016

Yann Leflour

Yann Leflour

Du web au mobile, les techno multiplateformes qui changent les standards en 2016

Éric Horesnyi

Éric Horesnyi

Streaming API : pourquoi et comment ?

Audrey Neveu

Audrey Neveu

Streaming API : pourquoi et comment ?

Maxime Quandalle

Maxime Quandalle

Le web temps-réel avec Meteor

Maël Nison

Maël Nison

Émuler une Gameboy en JavaScript

Matthieu Lux

Matthieu Lux

Tout ce que vous voulez savoir sur Redux

Florian Orpelière

Florian Orpelière

Progressive Web Apps

Gerard Sans

Gerard Sans

RxJS 5 in-depth

Les formateurs

Ils animeront les supers ateliers du jeudi 9 juin.

Thomas Crevoisier

Thomas Crevoisier

REACT100 pour comprendre tous les concepts clés de ReactJS

Thierry Lau

Thierry Lau

REACT100 pour comprendre tous les concepts clés de ReactJS

Florian Orpelière

Florian Orpelière

Progressive Web Apps

Wassim Chegham

Wassim Chegham

Progressive Web Apps

Raphaël Goetter

Raphaël Goetter

Flexbox : bases et trucs avancés

Christophe Porteneuve

Christophe Porteneuve

ES6 par la pratique

Alain Boudard

Alain Boudard

Premiers pas avec AngularJS 2 et TypeScript

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

Tickets Conférence (10 juin)

Super Early Bird

Les premiers sont toujours les mieux servis.

15.00 €

Early Bird

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

30.00 €

Regular

Même à ce prix ça reste cadeau!

50.00 €

Formation professionnelle

Via notre partenaire formation OXiane

Inscription

Tickets Formation (9 juin)

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

REACT100 pour comprendre tous les concepts clés de ReactJS

Pré-requis : bonne connaissance de HTML, CSS et de JavaScript

10.00 €

Progressive Web Apps

Pré-requis : bonne connaissance de HTML, CSS et de JavaScript


10.00 €

Flexbox : bases et trucs avancés

Pré-requis : bonne connaissance des positionnements CSS de base (float, position, inline-block, table-cell)

10.00 €

ES6 par la pratique

Pré-requis : connaître au moins un peu JavaScript, un laptop et un browser récent

10.00 €

Premiers pas avec AngularJS 2 et TypeScript

Pré-requis : connaissances AngularJS

10.00 €

L'agenda

09:00

Accueil et petit déjeuner

Thomas Crevoisier
Thierry Lau
10:00-13:00

REACT100 pour comprendre tous les concepts clés de ReactJS

 Thomas Crevoisier, Thierry Lau

Pré-requis : bonne connaissance de HTML, CSS et de JavaScript


Alain Boudard
10:00-13:00

Premiers pas avec AngularJS 2 et TypeScript

 Alain Boudard

Pré-requis : connaissances AngularJS


Florian Orpelière
Wassim Chegham
10:00-13:00

Progressive Web Apps

 Florian Orpelière, Wassim Chegham

Pré-requis : bonne connaissance de HTML, CSS et de JavaScript


Raphaël Goetter
14:00-17:00

Flexbox : bases et trucs avancés

 Raphaël Goetter

Pré-requis : bonne connaissance des positionnements CSS de base (float, position, inline-block, table-cell)


Christophe Porteneuve
14:00-17:00

ES6 par la pratique

 Christophe Porteneuve

Pré-requis : connaître au moins un peu JavaScript, un laptop et un browser récent


08:00

Accueil et petit déjeuner

Rodolphe Rimelé
Raphaël Goetter
09:00

Keynote

Le quotidien d'une agence web du futur

 Rodolphe Rimelé, Raphaël Goetter
Freddy Harris
09:30

Web Animation Performance

Le web est challengé par les applications natives. Nous développons des Single Page App pour les concurrencer, mais pour offrir une meilleure expérience utilisateur il est indispensable de proposer des interfaces animées et fluides. Comment faire aujourd'hui pour être fluide sur mobile ? Comment analyser à la loupe la performance des animations dans les Chrome DevTools ? Quelle métrique utiliser ? C’est ce nous allons voir ensemble.

 Freddy Harris
Éric Horesnyi
Audrey Neveu
10:00

Streaming API : pourquoi et comment ?

Tous les sites mettent maintenant du CSS pour animer l’apparition du contenu car notre cerveau est très réceptif et attentif aux choses qui bougent … mais, si au lieu de mettre des “objets inanimés qui bougent”, nous mettions des données utiles qui évoluent en temps réel, l’impact sur nos visiteurs/utilisateurs seraient bien plus grand.

La bonne nouvelle c’est que le temps réel n’est plus réservé aux traders new-yorkais en chemise rayée … il y a des données temps réel dans les réseaux sociaux, dans les prix, dans les transports, … bref partout ! Soit la mise à jour de la donnée a une utilité pratique / commerciale, soit vous pouvez proposer à votre utilisateur le tout dernier contenu utile !

Nous vous proposons d’apprendre comme transformer une UI mort-vivante en une UI pleine de vie avec des données animées : quelles données ? comment les communiquer efficacement à vos applications/siteweb ? Comment les afficher ?

 Éric Horesnyi, Audrey Neveu
10:30

PAUSE

Matthieu Lux
11:00

Tout ce que vous voulez savoir sur Redux

En 2015, Redux est passé du statut "encore une nouvelle implémentation Flux" au statut d'implémentation la plus populaire. Redux est un nouveau paradigme de programmation pour les interfaces Web qui propose de centraliser l’intégralité du contexte de l’application en un seul endroit organisant toutes les transformations de façon séquentielles et reproductible.

Je vous propose un tour complet de la technologie par la même approche que préconise son créateur : en allant voir directement le code de la librairie. Pas de panique ! L’essentiel de la librairie peut être écrit en 10 lignes. Comment 10 lignes peuvent apporter un nouveau paradigme ? C’est bien ça la beauté de cette librairie.

 Matthieu Lux
Tim Carry
11:30

CSS, Compagnonnage et Vexillologie

CSS Flags est un projet un peu fou de recréer l'ensemble des drapeaux du monde en CSS. Et comme si ce n'était pas une tâche assez longue, on va le faire en se limitant à un seul `div` par drapeau. Je vous présenterai dans ce talk les techniques pour utiliser un unique `div` au maximum de ces capacités. Nous verrons aussi pourquoi des projets de ce genre sont importants.

 Tim Carry
Maxime Quandalle
12:00

Le web temps-réel avec Meteor

Meteor est une plateforme moderne pour développer des applications web en JavaScript full-stack et temps-réel. Je présenterai en live-coding le développement d’une telle application depuis zéro jusqu’à un prototype fonctionnel.

 Maxime Quandalle
12:30

REPAS

Carl Ogren
Stéphane Bachelier
13:30

REX sur la refonte de l’espace client Bouygues Télécom avec Backbone.js

Dans le cadre de la refonte de l'espace client de Bouygues Telecom dans une SPA sous Backbone.js, un certain nombre de problématiques se posent. Notamment l'incorporation de tout un tas de parcours client et de la gestion de la différenciation suivant les profils clients. En d'autres termes : il y a tout un tas de lien dans le nouvel espace client qui va faire appel à des ressources externes ou bien à l'ancien espace client. Suivant le profil de l'utilisateur les liens ont des comportements différents.

Nous vous montrerons comment une bonne utilisation des Behaviors de Marionette permet un fort découplage entre la logique métier et technique.

 Carl Ogren, Stéphane Bachelier
Jérémy Pinhel
14:00

Reusable charts de d3 : un pattern ré-utilisable pour créer des composants JS

Présentation du pattern utilisé par la librairie d3.js afin de créer des composants JavaScript ré-utilisables simplement.

 Jérémy Pinhel
Gerard Sans
14:30

RxJS 5 in-depth

RxJS introduces a new Data Architecture based on Reactive Programming. RxJS 5 is a rewrite of Reactive Extensions focused on performance and usability.We will explore Observables API using RxJS koans and Unit Tests.

 Gerard Sans
15:00

PAUSE

Florian Orpelière
15:30

Progressive Web Apps

Présentation du concept des Progressive Web Apps avec un historique, les point clés, les services workers et une démo.

 Florian Orpelière
Maël Nison
16:00

Émuler une Gameboy en JavaScript

De 1989 à 2003, la Gameboy a été la console par laquelle nombre d'entre nous ont découvert les jeux vidéos. Maintenant que nos navigateurs sont nourris aux stéroïdes, quel meilleur hommage pouvons-nous faire que de la faire revivre l'espace d'un talk ?

 Maël Nison
16:30

PAUSE

Horacio Gonzalez
17:00

Mixité dans le monde des web components

Ah, les web components, quelle belle idée ! Du développement web basé enfin sur une vraie architecture en composants, de la réutilisation, de la modularisation, de l'encapsulation… Mais en attendant que le W3C décide de sortir le standard, ce qu'on a dans les mains c'est une panoplie de bibliothèques de polyfills : Polymer, X-Tag, Bosomic…

Dans ce talk nous allos répondre à la question : "OK, le futur sera beau, mais aujourd'hui, si je fais des composants avec une bibliothèque X et mon pote en fait avec une bibliothèque Y, je peux les utiliser dans la même application ? Et ils marcheront dans mon framework favori ?".

 Horacio Gonzalez
Florian Rival
Yann Leflour
17:30

Du web au mobile, les techno multiplateformes qui changent les standards en 2016

Android, iOS, Windows… autant d’OS que de langages, toolkits et workflow différents.

Mais aujourd’hui les frameworks multiplateformes comme React Native, Cordova ou Ionic sont en vogue et vous permettent avec la même base de code de créer des application pour toutes ces environnements. En tant que développeur web, vous vous demandez comment vous lancer dans l’aventure mobile ?

Ce talk expliquera le fonctionnement de ces frameworks et se penchera sur les problématiques que vous pourrez rencontrer : test, déploiement, performances, analytics et les outils qui permettent d’y répondre comme Fastlane, Calabash ou Code Push.

 Florian Rival, Yann Leflour

S'y rendre

Plan de la Grande Crypte

Sponsors

Gold

Silver

Bronze

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

Partenaires

Ils nous ont aidés…

Partenaires Formation

L'équipe