C'est à Paris que s'est tenu les 7 et 8 juin derniers le Best of Web. Cet évènement unique en France est composé d'une journée de formation et d'une journée de conférence, sélection des 19 meilleurs meetups parisiens de l'année organisés en conférences.

Cette 4e édition s'est déroulée dans l'espace de la Grande Crypte qui est loin d'être lugubre comme le nom des lieux le laisserait à penser. L'ambiance était bon enfant : exit donc goules et vampires et bonjour cosmonautes, goodies en tout genre, et buffets bien garnis dans une salle commune lumineuse et remplie. On nous a même distribué quelques bières, c'est pour dire si l'ambiance était détendue.

Les conférences étaient proposées par paire il n'était donc pas possible de couvrir tout l'event et il a bien fallu faire un choix entre les tous les sujets.

De fait, ce récapitulatif ne se veut pas exhaustif et a été l'objet d'une sélection évidemment subjective (celle d'un développeur front-end) des conférences qui m'auront davantage parlé.

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

Après une introduction faisant un rapide état des lieux sur les Progressive Web Apps, Maxim Salnikov (Web Front-End Engineer) distille astuces et bonnes pratiques à mettre en place pour préserver l'approche progressive enhancement (amélioration progressive) qui est au cœur de cette technologie. Le but est de vous permettre de vous assurer du bon fonctionnement et de l'accessibilité de vos futures applications dans les plus larges conditions, et en bonus quelques bonnes pratiques à destination de vos utilisateurs ainsi que les features à venir.

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

How to distinguish PWA's UX from WEB app's UX - Caroline Besnard et Héloïse Bonan

Caroline Besnard et Héloïse Bonan se sont organisées dans un duo efficace sur la scène de la grande salle du BOW afin de nous présenter toute une série de bonnes pratiques à mettre en place pour améliorer l'UX de nos applications mobiles.

Seul bémol selon moi, bien que cette conférence représente une excellente initiation aux différents concepts de l'expérience utilisateur, je n'y ai pas forcément trouvé la promesse initiale de l'intitulé de la conférence : des recommandations bien spécifiques aux PWA.

Je n'ai malheureusement pas trouvé d'enregistrement de la conférence ou ses slides à vous partager, il faudra me croire sur parole et prendre votre billet pour la prochaine édition du BOW.

Faisons de la magie grâce à Houdini CSS - Jean-François Garreau

Lors de ce talk, Jean-François Garreau nous explique ce qui se cache derrière la nouvelle spécification Houdini et son utilité, à savoir une collection d'API permettant aux développeurs d'accéder au moteur de rendu CSS via JavaScript et ouvrir le champ des possibles. C'est franchement prometteur et si vous êtes développeur front-end, le sujet vaut vraiment le coup d'œil. Pour vous mettre l'eau à la bouche, Jean-François Garreau nous a notamment présenté la possibilité de créer vos propres polyfills CSS, créer vos propres layout, vos propres animations avec un gain sur la performance en ciblant spécifiquement les éléments à repaint, et même vos propres pseudo-classes... Et en bonus nous avons assisté à une introduction aux Custom Properties (si elles ne vous sont pas déjà familières).

Faisons de la magie grâce à Houdini CSS par Jean-François Garreau et les slides

Et si vous souhaitez en savoir d'avantage au sujet de Houdini je vous recommande de lire :

• https://www.smashingmagazine.com/2016/03/houdini-maybe-the-most-exciting-development-in-css-youve-never-heard-of/ (attention cet article est un peu daté mais il offre tout de même une bonne perspective sur le sujet)

Houdini: Maybe The Most Exciting Development In CSS You've ...
www.smashingmagazine.com
Have you ever wanted to use a particular CSS feature but didn’t because it **wasn’t fully supported in all browsers**? Or, worse, it was supported in all browsers, but the support was buggy, inconsistent or even completely incompatible?
https://developers.google.com/web/updates/2016/05/houdini

Houdini: Demystifying CSS | Web | Google Developers
developers.google.com
Houdini is a collection of APIs that expose the CSS engine’s internals to developers
http://philipwalton.github.io/talks/2017-06-15/

Houdini & Polyfilling CSS — CSS Day (Jun. 15, 2017)
philipwalton.github.io
Checking In. Up to this point, we've written a lot of code… …but none of it has anything to do with the core functionality of our polyfill. 

Quant aux Custom Properties ne ratez pas cet excellent article de Michael Riethmuller sur Smashing Magazine : https://www.smashingmagazine.com/2018/05/css-custom-properties-strategy-guide/

A Strategy Guide To CSS Custom Properties — Smashing Magazine
www.smashingmagazine.com
Dynamic properties provide opportunities for new creative ideas, but also the potential to add complexity to CSS. To get the most out of them, we might need a strategy for how we write and structure CSS with custom properties. 

Comprendre la stratégie de Google avec les PWA - Cédric Ravalec

Une conférence très intéressante offrant un aperçu des intérêts de Google et des enjeux économiques autour des PWA. Vous ne la retrouverez malheureusement pas sur internet mais j'en fais un résumé sommaire.

Cédric Ravalec nous explique pour quelles raisons Google promeut autant les Progressive Web Apps alors qu'Android est la principale plateforme mobile, offrant un nouvel éclairage sur ce qui se cache derrière cette apparente contradiction. Contrairement à d'autres géants du web comme Amazon, Google tire principalement ses revenus de la publicité, et dans un contexte où l'audience sur mobile surpasse désormais celle sur desktop il est logique de penser que les utilisateurs passent plus de temps sur les applications natives que sur le web, privant Google de trafic et donc de revenus. Les PWA offrent une solution toute trouvée à ce problème.

D'autre part, internet connait une forte croissance dans les pays émergeants avec de forts enjeux e-commerce. Or les utilisateurs de ces pays ont souvent des contraintes liées à leur consommation de datas souvent payante, et aux performances limitées des smartphones bon marché ne permettant parfois même pas d'utiliser des applications natives souvent trop gourmandes en mémoire. Les PWA offrent une alternative grâce à leurs excellentes performances, leur faible cout en mémoire et en données ainsi que leur capacité à briller même sur des réseaux défaillants.

Cette conférence nous offre un autre regard sur cette technologie encore relativement récente : la démarche très pragmatique de Google loin d'être désintéressée, est destinée avant tout à renforcer son propre modèle économique à l'image de ce qui a déjà été entrepris avec Google AMP.

Bending time with Schedulers and RxJS 5 - Gerard Sans

RxJS une librairie destinée à faciliter la gestion d'évènements asynchrones à l'aide de plusieurs outils dont principalement tout une collection d'Observables. Lors de cette conférence, Gerard Sans se penche plus particulièrement sur une fonctionnalité plus confidentielle pour nous la faire découvrir : les Schedulers.

Si le sujet vous intéresse vous pouvez trouver les slides de la présentation ici : Bending time with Schedulers and RxJS 5, mais il faut bien admettre que ceux-ci sont un peu arides sans la présentation de leur auteur (dont le nom sonne décidemment comme la dernière web-font de la vague french-touch) aussi j'y joins quelques liens sur le sujet.

À propos des schedulers :

• http://reactivex.io/documentation/scheduler.
• https://xgrommx.github.io/rx-book/content/getting_started_with_rxjs/scheduling_and_concurrency.html
• https://blog.strongbrew.io/what-are-schedulers-in-rxjs/

Sur RxJS plus généralement :

• http://reactivex.io/rxjs/manual/overview.html#operators
• https://www.julienpradet.fr/tutoriels/introduction-a-rxjs/
• https://openclassrooms.com/courses/developpez-avec-angular/observez-les-donnees-avec-rxjs

Alexa, show me a good voice UI - Dustin Coates

Une conférence intéressante, évidemment très tournée sur la communication et ses rouages dans le cadre de l'interaction entre utilisateur et interface vocale. Dustin Coates nous y présente la complexité de la conception d'une telle interface, les pièges et les contraintes qu'elle induit, et les solutions que l'on peut y apporter.

Le contenu est dense et plutôt difficile à synthétiser alors je vous invite à visionner la vidéo. Attention c'est en anglais : Alexa, show me a good voice UI (par Dustin Coates).

What else?

Vous pouvez retrouver ici différents liens des conférences que je n'ai pas mentionné et pour lesquelles j'ai pu retrouver des sources :

• Cut me some Slack par Morgan Kobeissi
• Nuxt.js par Sébastien Chopin
• La réalité virtuelle dans le Web avec A-Frame et Vue.js par Victor Viale
• De Javascript à Haskell : La programmation fonctionnelle expliquée simplement par Xavier Detant
• Recodons redux et redux-saga par Aurore Malherbes
• Les scripts npm et la sécurité par Thomas Crevoisier
• Innovating is not about technology, but psychology par Alyssa Nicoll
• NodeJs Event Loop par Vincent Vallet
• Mutation testing, enfin une bonne mesure de la qualité des tests ? par Loïc Knuchel
• Transformer votre animal en Tamagotchi ! par Michel Parreno

Afin d'avoir la liste exhaustive des conférences ou pour en savoir plus sur l'évènement, le programme et les intervenants je vous invite évidemment à consulter le site du Best of Web (http://bestofweb.paris/).

Pour conclure :

C'est pour la première fois que j'ai participé au Best of Web et j'ai trouvé cette édition très agréable, les conférences étaient en grande majorité intéressantes et l'ambiance au rendez-vous ce qui ne gâche rien, mais c'est surtout la diversité des sujets abordés qui était appréciable.

En tout cas j'espère que cette rétrospective vous sera utile, qu'un des sujets que j'ai rapporté aura piqué votre curiosité, et qui sait, vous aura peut-être donné envie de participer à l'édition 2019.

Cyril Hanse
Développeur Front-end, SQLI Paris