A propos de Best of Web 2019

Best of Web, c'est une journée de conférence le 7 juin, préparée par des meetups web parisiens qui se réunissent pour vous proposer un Best Of de leur talks de l'année, ainsi que beaucoup d'inédits.
Pour ceux qui ont vraiment soif d'apprendre, nous proposons en plus une journée de formation le 6 juin.

Le ticket conférence donne accès à la journée du 7 juin uniquement.

  • Angular Paris

  • Angular X

  • D3.js Paris

  • Ladies of Code Paris

  • CSS Paris

  • ReactJS Paris

  • Paris API

  • Elm Paris

  • Js-Star Paris

  • VueJS Paris

  • Paris Scala UG

  • Paris.js

  • Paris TypeScript

  • HumanTalks Paris

  • Tech Lunch

  • Duchess France

  • Paris Progressive Web App

  • Software Crafters Paris

Tickets Conférence

  • Regular (7 juin)

    Même a ce prix, ça reste cadeau !

    Acheter

Tickets Formation

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

  • Formation

    Inscription à un atelier

    Acheter

Programme de la journée conférence

A chaque créneau horaire, vous avez le choix entre deux talks.

    8h00

    Accueil et déjeuner

    9h00

    Intro (Grande salle)

    9h10

  • Grande Salle

    Christophe Benz

    Music chord chart in Elm

    Grande Salle

    Découvrez comment j'utilise Elm pour modéliser les accords qu'on trouve dans un morceau de musique grâce aux types du langage, pour les représenter sous un format texte Markdown-like, et les manipuler dans une appli web.

  • Amphi

    Xavier Grand

    Breaking indexing for thousands of customers with one bug

    Amphi

    I'll explain how I broke completely the indexing of 10 shared clusters in production and how we worked during hours to put the service back on track.

  • 9h50

  • Grande Salle

    Etienne Deladonchamps

    Coder un additionneur 8 bit avec des types uniquement

    Grande Salle

    Un additionneur 8 bit avec des types uniquement est inutile mais comprendre son fonctionnement permet de couvrir un certain nombre de sujets comme les types génériques, les tuples, `extends` et `infer`. L'idée c'est de re-coder en live coding tout en expliquant au fur et à mesure.

  • Amphi

    Matthias Le Brun

    Third Party Hell

    Amphi

    Faire tourner son bout de code dans son propre environnement, c'est facile. Le faire tourner ailleurs c'est une autre histoire. Conflits, limitations, @bloodyowl vous présentera l'enfer du développement de code tiers

  • 10h30

    Break

    11h00

  • Grande Salle

    Anta

    ML <3 JS

    Grande Salle

    Faire du machine learning n'est plus seulement réservé aux charmeurs de serpents. @aidaraanta va vous expliquer comment développer une PWA "intelligente" en utilisant la puissance de TensorFlow.js qui permet entre autres de construire et d'entrainer des modèles de données directement dans le navigateur.

  • Amphi

    Nicolas Dubien

    Property based testing : de la théorie à la pratique

    Amphi

    Apparu dans le monde fonctionnel avec QuickCheck, le property based testing est une nouvelle approche pour tester le bon fonctionnement d'une application. Il permet de détecter des bugs en quelques lignes sans avoir à spécifier l'ensemble des cas limites et s'avère être un allié puissant aux tests unitaires classiques. Au menu : introduction au property based testing suivi de plusieurs exemples d'application en JavaScript et adaptables à tout autres langages. Les exemples iront du simple algorithme aux tests d'interface graphique et utiliseront le framework fast-check (https://github.com/dubzzz/fast-check/).

  • 11h40

  • Grande Salle

    Alexandre Gomes

    Repensons l'enseignement du dev web !

    Grande Salle

    Enseigner le développement web n'est pas tâche aisée, encore moins à des personnes n'ayant aucune experience avec le développement. La tâche est d'autant plus compliquée à une ère ou SPA et apps API-first sont légion. Étant moi-même autodidacte, j'en ai fait les frais. Un jour, j'ai décidé que je ne laisserais pas l'éducation nationale m'empêcher d'être dev et j'ai commencé à apprendre. Bootcamps, écoles, e-learning, j'ai tout essayé. Une constante cependant : L'enseignement prodigué est au mieux inadapté, au pire, dangereux pour la tech. Inspiré d'un talk / table ronde que j'ai organisé à JSKongress Munich cette année, je vous expliquerai ce qui ne va pas selon moi avec les solutions proposées, et de potentielles solutions. Enfin, nous verrons ensemble quelques acteurs qui ont compris que résorber la pénurie de développeurs de la façon actuelle ne fonctionne pas, et ce que l'on peut apprendre de leurs méthodologies.

  • Amphi

    Mathieu Acthernoene

    Modern service communication with GRPC

    Amphi

    Parce qu'il est complexe de faire communiquer entre eux les différents services que constituent notre application ou même parfois les différentes équipes en charge de ceux-ci, @zoontek nous présentera Protobuf et gRPC et les problèmes qu'ils tentent de résoudre.

  • 12h20

  • Grande Salle

    Matthieu Lux

    Vanilla JS 2019

    Grande Salle

    Imaginez une application Web qui utiliserait toutes les nouvelles APIs des navigateurs en même temps. Ce n'est peut être pas le projet le plus raisonnable pour un besoin client mais pour de la veille, c'est passionnant ! Je vous propose un retour sur cette expérience un peu hors du commun. Après une première édition 2018 et des retours encourageant, j’ai poussé toujours plus loin l’expérience avec encore de nouvelles APIs, la principale nouveauté : Web Assembly ! Je vous propose le retour d'expérience du développement d’un application Web combinant toutes les nouvelles normes du Web. Pour me guider, il y a des règles strictes (sinon on s'ennuie !) : - Interdiction totale de l'utilisation de code source externe au projet - ‎Volonté d'utiliser autant de nouvelles normes que possible. Quelque soit les univers : HTTP, HTML, DOM, JS, CSS. - ‎Tout est autorisé du moment que ce soit une norme non propriétaire et que cela fonctionne dans au moins 2 navigateurs (flags autorisés).

  • Amphi

    Freddy Harris

    Animations react native

    Amphi

    Faire une app React Native c’est super ! Mais encore faut-il qu’elle tienne la comparaison avec les apps natives ! Comment faire des animations avec l’API Animated ? Tentons de refaire un effet parallaxe au scroll bounce ! React Native est une formidable couche d’abstraction aussi utilisée sur le web (la PWA Twitter est faite avec react-native-web). Même sans faire de react-native, découvrir l’API Animated c’est découvrir une nouvelle manière de faire des animations statiques et interactives, notamment grâce aux interpolations.

  • 13h00

    Repas

    14h10

  • Grande Salle

    Tiffany Vachez

    D’ouvrière en abattoir à développeuse

    Grande Salle

    Femme de ménage à 17 ans, ouvrière de découpe de viande à 18 ans puis caissière à 19 ans, je décidais il y a deux ans de changer de vie pour devenir développeuse.

  • Amphi

    Amphi

    Créneau libre dans cette salle.

  • 14h50

  • Grande Salle

    Raphaël Moulin

    Fabriquer un SMS sender en IOT

    Grande Salle

    Comment le soft Gammu et une clef GSM m’ont permis d'interagir avec des centaines de personnes lors d'un événement sportif par l’intermédiaire d’un robot envoyeur de SMS ? Quel matériel est nécessaire ? Comment préparer et configurer Gammu ? Comment envoyer et recevoir des SMS ?

  • Amphi

    Nicola Rushton

    Bringing the team along for the ride: Lessons from including whole teams in user research

    Amphi

    Everyone in an agile product team makes decisions every single day that affect the end user. Whether they're a PM, a designer, an engineer, or someone else – they're making decisions for users. Those decisions are better when the individual has empathy for the humans who use the product. What's better for building that empathy than being part of research? But it's more than that. I've seen it time and time again. Teams who research together are happier. They collaborate better, they're motivated, they stay focused on the problem they're solving. And happier teams means happier people. In this talk, I lay out a simple and accessible way to include whole teams in research - and how that makes entire teams better.

  • 15h30

  • Grande Salle

    Xavier Detant

    Les supers-pouvoirs des types

    Grande Salle

    La différence entre un système de type statique et dynamique est souvent méconnue. Les pinceaux s’emmêlent encore plus si on parle de langages fortement typés et faiblement typés. Pendant ce live coding, nous ferons la différence entre ces 4 termes puis nous verrons les usages souvent oubliés des types comme: les types en tant que tests, les types en tant que documentation vivante, les types en tant que détrompeurs, les types en tant que preuve d'exécution, les types en tant qu’abstraction de complexité

  • Amphi

    Sam Bellen

    Passwords are so 1990

    Amphi

    As long as we’ve been using the internet, and way before that, we have been authenticating through some sort of username and password combination. It has become the standard. With the ever increasing number of web-apps, we’re seeing more and more data breaches as well. What if we could build our authentication processes in a way the user doesn’t need a password? In this talk I will give a quick overview of the past, present and future of authentication. From basic authentication to passwordless biometric authentication using the web authentication API, and everything in between. The audience does not need any specific knowledge as this talk will not go into implementation details, but aims to give a view of what’s to come in terms of authentication.

  • 16h10

    Break

    16h40

  • Grande Salle

    Francois-Guillaume Ribreau

    ⛳️ Votre API web passe-t-elle les 60 points du contrôle technique ?

    Grande Salle

    Nous savons tous développer une API mais avons-nous bien intégré toutes les problématiques? Son aspect organisationnel et humain, sa gouvernance, ses contraintes business et d'opérabilité (SLA, SLO, SLI), son release management, ses méthodes de requêtage, sa sécurité (ses performances, sa mise à l'échelle), ses différents types de test, sa documentation, son versioning (compatibilité, changelog), son monitoring — et bien plus encore — de cette API une fois en production ? Durant ce talk, c'est plus de 30 points d'attentions rarement évoqué que je vous propose d'aborder, à la lumière de retours d'expériences provenant de tech-leader comme Uber, Stripe, Facebook et Google mais aussi d'entreprise française de la petite startup à la PME.

  • Amphi

    Erwan Ben Souiden

    De SaaS à On-Premise - A DevOps Journey

    Amphi

    L'objectif de ce talk est de présenter et partager le chemin que nous avons parcouru pour ajouter à notre offre SaaS l'option on-premise. Le talk abordera le sujet d'un point de vue technique mais aussi méthode et organisation. Pourquoi avoir choisi un package plutôt qu'une VM/Image Docker (au début) Comment on a changé notre CICD pour automatiser la création de notre offre Méthode: comment on a changé notre approche pour devenir notre propre client on-premise Qu'est ce qui a changé au niveau organisation Ce talk est une mise à jour de du talk présenté aux Human Talks car depuis : Nous avons 1 an d'expérience sur l'approche présenté plus haut Finalement 1an plus tard on a fini par revoir notre approche en proposant une solution avec Docker (explication de ce retournement et des impacts techniques, comment on a orienté nos choix pour ne pas devenir les Ops de nos clients - tech et support) blog post: https://toucantoco.com/en/tech-blog/tech/onpremise_journey

  • 17h20

  • Grande Salle

    Florent Berthelot

    Cécile Freyd-Foucault

    Designers, développeurs, créons la différence !

    Grande Salle

    Tous les sites se ressemblent. On utilise tous une bibliothèque de composants comme Material, Bootstrap & co. C’est très pratique car cela nous fournit un design système clé en main. Seulement, le projet manque de personnalité et ne se différencie pas. Avec notre équipe composée de designers (Cécile) et de développeurs (Florent), comment pouvons-nous donner une Identité à nos projets ? Y a-t-il des méthodes que nous pouvons appliquer pour que la production de l’interface soit différenciante, cohérente et agréable ? Nous vous proposons donc de définir quelles sont les différentes méthodes et techniques pour y arriver. Nous débuterons par explorer et établir notre identité pour ensuite mettre en place nos éléments fonctionnels et arriver rapidement à un Design System adapté en respectant les normes de l’Atomic Design. La présentation sera ponctuée de bonnes pratiques de développement pour la construction d’un design system qui pourra être réutilisé sur d’autres projets de la marque.

  • Amphi

    Noël Macé

    Il est temps de rejoindre les 4 fantastiques du Web : Push, Render, Pre-cache & Lazy-load !

    Amphi

    Le PRPL Pattern, tu connais ? Non ? Pour faire court, c'est juste LE pattern à mettre en place sur vos Web App pour de bonnes performances, en mettant à profit les dernières technos du web moderne comme l'HTTP/2, preload, les Services Workers ou encore les ES modules. Sinon, c'est que tu as sans doute déjà lu un article par ci par là. Tu as peut-être alors trouvé ça vachement cool et novateur, mais bon, de là à le mettre en place dans le monde réel ... ça a quand même l'air sacrément compliqué. Eh bien figure toi que non ! Avec des outils comme PRPL-Server par exemple, rien de plus simple ! Du coup, ça te dit une démo, un pas à pas, et quelques approfondissements sur les technos sous-jascentes ? Alors on y va !

Programme de la journée formation

Les ateliers durent 3h. Pour assister à un atelier, vous devez acheter le ticket correspondant.

    Matin (10h-13h)

  • Fanny Weisenburger

    Fabien Zibi

    Master your layouts

    N'avez-vous jamais lancé (ou rêvé de le faire) votre ordinateur par la fenêtre alors que vous étiez en train d'aligner verticalement une DIV ou de créer une page avec un menu sur le côté ? Assistez à notre atelier et vous pourrez sereinement retirer le papier bulle dans lequel vous avez emballé votre précieuse machine. Parcourons et maîtrisons ensemble tout ce que le CSS a à nous offrir pour créer nos pages. Vous prendrez alors du plaisir à créer vos prochains sites et vous le ferez fenêtre ouverte, sans craindre de voir voler votre ordinateur !

  • Tim Carry

    Mon premier talk

    Demain c'est BestOfWeb. Plein de super talks sur scène. Vous aussi vous aimeriez bien faire un talk mais vous ne savez pas vraiment par où commencer. Dans cette formation, on démystifiera ensemble ce que ça implique de faire son premier talk, comment se lancer et ce que cela vous apportera. En suivant des étapes simples et rapides, chacun ressortira préparé et avec au moins un sujet de talk et un meetup auquel le proposer.

  • Xavier Detant

    Sortir de son code de confort

    Nous avons tous nos petites habitudes de code, nos petits réflexes. Et on aime travailler dans cette situation. Cependant, cela biaise notre jugement. Grâce à trois petits exercice d’une heure, je vous forcerai à explorer des solutions dont vous n’avez pas l’habitude.

  • Après-midi (14h-17h)

  • Noël Macé

    Wolfgang Goedel

    The Web is on 🔥 F.I.R.E. 🔥 !!!

    En 2015, le terme Progressive Web Apps faisait son apparition, et avec lui une nouvelle approche des applications web et mobile. Rapidement, le terme F.I.R.E. (Fast Integrated Reliable & Engaging) a été utilisé pour résumer et globaliser cette approche permettant d'accompagner les développeurs et décideurs dans la mise en place d'applications web modernes. Alors, quatre ans plus tard, qu'est ce qui a vraiment changé ? Quelles évolutions le web modern a-t-il connu ? Durant ce workshop, nous verrons ensemble comment cette approche est succeptible de guider la réalisation de toutes nos web apps, et ferons le point sur les méthodologies les plus importantes qu'elle a amenée. Enfin, nous verrons concrètement comment quatre innovations au cœur de l'actualité récente peuvent vous permettre de continuer à améliorer vos projets web quels qu'ils soient, voir même de changer notre approche drastiquement.

  • Tim Carry

    Oh my god ! mon talk est accepté !

    "Ça y est, mon talk a été accepté à BestOfFestOxx ! Faut encore que je finisse les slides, que je répète. Ohlala. La panique commence à monter. Je ne serai jamais prêt à temps !" Pas de panique, cette formation vous fournira une checklist d'éléments à ne pas oublier, de guidelines à suivre en cas de doute et de conseils pour affronter le jour J avec sérénité. Nous verrons aussi ensemble comment rendre votre talk encore plus clair et passionnant autant dans le fond (avoir un plan cohérent, accrocher l'audience) que dans la forme (slides, prise de parole).

S'y rendre

Plan pour la Grande Grypte

Sponsors

Gold




Silver










Bronze et Bronze plus



Vous voulez faire partie de l'aventure Best of Web 2019 ?

Partenaires

Ils nous ont aidés...

  • La Grande Crypte

  • Event Lama

  • Voxxed Days Microservices

  • Dev Fest Paris

  • Human Coders