La seconde édition du Best Of Web s'est tenue à Paris le vendredi 10 juin 2016. Comme l'année dernière c'est la salle de la Grande Crypte de Paris qui a hébergé l'événement. Le principe ne change pas, pendant une journée l'événement propose de revivre les meilleurs meetups parisiens orientés web.
L'événement est plutôt axé front, ça parle donc de Javascript, de CSS, de webperf, ... Le format de l'année précédente a été conservé, c'est-à-dire une seule track pour ne rien manquer.
On est à #bestofweb2016 n'hésitez pas à nous pinger pour que l'on se rencontre https://t.co/KAoWNerGSU pic.twitter.com/qWNrKiPZ88
— Elao (@Elao) 10 juin 2016
Frameworks temps réel
L'un des sujets les plus souvent abordés était celui des frameworks temps réel. Backbone, Angular, Meteor ou encore React pour les plus trendy, ces frameworks révolutionnent depuis quelques années le développement d'applications web front. A travers plusieurs talks nous avons eu un bon aperçu des différentes solutions, leurs points forts et leurs faiblesses, lesquelles utiliser et pourquoi.
Bien qu'il ne soit pas le plus utilisé, React.js semble être le grand favori cette année.
Mention spéciale au format sympa de la conf tout en live coding de Gerard Sans.
Conf au format sympa (love coding + todolist) sur RxJS à #bestofweb2016 by @gerardsans pic.twitter.com/vxBFVRLF1H
— Richard HANNA (@richardhanna) 10 juin 2016
WebPerf
L'autre sujet qui tenait une bonne place dans ce Best Of Web 2016 concernait les performances. Effectivement avec le développement des applications front de plus en plus lourdes et l'arrivée de fonctionnalités permettant des opérations de plus en plus complexes (transformation, animation, 3D, ...) ainsi que l'utilisation croissante d'API, la question de la performance est devenu cruciale. Les utilisateurs, habitués à la fluidité des applications natives, s'attendent à la même réactivité de la part du web.
Freddy Harris a longuement parlé dans son talk des performances dans l'animation et nous donne de nombreuses astuces sur le fonctionnement des animations dans les navigateurs.
Astuce : La propriété #css will-change permet d'indiquer au browser que l'élément sera animé #gpu #webperf #bestofweb2016
— Maxime COLIN (@colin_maxime) 10 juin 2016
Ensuite Audrey Neveu nous explique comment fonctionne le temps de réaction chez un utilisateur. Le temps de rendu de votre page ne doit pas excéder celui-ci au risque de perdre l'utilisateur.
Réaction: 100/500ms, interaction: 100/500ms. 1s de chargement = 👍, 4s = perte de patience, >4s = utilisateur perdu #webperf #bestofweb2016
— Maxime COLIN (@colin_maxime) 10 juin 2016
Elle nous présente également des cas concrets ou une baisse de reactivité a pour conséquence une perte de trafic ou pire une perte de vente.
| Site | Latence | Conséquence |
|---|---|---|
| Amazon | +100ms | -1% de vente |
| +500ms | -20% de traffic |
Pour elle, deux technologies servent à streamer des données : WebSockets et Server-Sent Events (SSE). Si on a besoin uniquement de récupérer des données sans en envoyer, il faut mieux utiliser les SSE qui sont plus performants. L'utilisation de JSON Patch permet également de réduire la quantité de données qui transitent : on ne reçoit que ce qui a changé.
L'artisanat du web
Petit coup de coeur pour le talk de Tim Carry qui nous parle d'artisanat du web. Il nous explique qu'un artisan se doit de réaliser un chef d'oeuvre au cours de sa carrière et voici le sien : la réalisation des pays du monde uniquement avec un div et du css. Et vous, quel sera votre chef d'oeuvre ?
Progressive Web Apps
Un autre sujet que j'ai trouvé très intéressant est la présentation des Progressive Web Apps par Florian Orpelière. Ces applications sont des applications web pensées comme des applications natives afin d'offrir à l'utilisateur une expérience que n'offre pas une application web tout en gardant la flexibilité du web.
- Gestion des connexions lentes et le hors-ligne,
- Réception des messages push,
- Affichage des notifications,
- Synchronisation des données en arrière plan,
- Ajout à l'écran d’accueil.
Ses applications sont hébergées comme n'importe quelle application web mais disposent d'un manifest décrivant leur fonctionnement et leur configuration. Les Progressive Web Apps reposent principalement sur la technologie des Service Workers qui est actuellement en cours de standardisation et pourrait être le futur des applications web.
OVNI
Petit OVNI à travers les différents sujets présentés, l'émulation d'une GameBoy en javascript. Au delà de la curiosité et de la coolitude de la chose, j'ai trouvé la performance très interessante pour montrer la puissance montante du language Javascript ainsi que les possibilités qu'il offre.
Emuler la #GameBoy en #Javascript oui c'est possible #bestofweb2016 pic.twitter.com/XILnVsAmVC
— Maxime COLIN (@colin_maxime) 10 juin 2016
Coup de coeur
Petit coup de coeur pour l'organisation et l'ambiance qui étaient très réussi. Les talks bien choisis et correspondaient à l'actualité de notre métier. L'accueil était chaleureux, le repas exceptionnel. Les sponsors ont bien joué le jeu et l'équipe était très sympathique.
L'inattendu mais très apprécié bar à #fromage du #bestofweb2016 😍😋👍 pic.twitter.com/aa7GZCmfqg
— Maxime COLIN (@colin_maxime) 10 juin 2016
Conclusion
Pour conclure, je dirais que cette seconde édition du Best Of Web était très réussies. Les talks étaient très intéressants, d'actualité et tournés vers l'avenir. Je félicite les organisateurs pour une organisation sans faille de l'événement. Bravo et à l'année prochaine.
Pour revivre #bestofweb2016 retrouvez toutes les photos de l'événement https://t.co/DVYfQ3lhtJ pic.twitter.com/19s5fx59dl
— bestofweb (@bestofwebconf) 16 juin 2016