DotJS 2017: les premiers retours

Ca y est, la DotJS 2017 vient de s'achever. Elle a eu lieu le vendredi 1er décember aux Docks Pullman à Paris, et ce que je peux dire c'est qu'elle a été particulièrement intéressante.

Déjà, je vais parler de deux talks autour du "guerilla accessiblity" qui étaient vraiment super.

Tout d'abord, celui de Suz Hinton, qui nous parlait de ces travaux autour du machine learning et de l’accessibilité. Notamment un principe tout bête pour les liseuses (qui aident aussi bien les mal-voyants que les personnes ayant du mal à lire) autour des images.

Vous le savez certainement, sur une image, l'attribut ALT permet d'afficher du texte si l'image n'arrive pas à se charger. Or dans des applications comme Flickr, où nous ajoutons des images souvent sans description, et quand nous allons dans la galerie d'images, ces descriptions ne sont pas affichées.

Du coup, Suz Hinton nous a montré une application se basant sur Azure Vision afin de générer le contenu de l'attribut ALT automatiquement en fonction du contenu de l'image.

Vous pourrez trouver son code sur la page Github suivante: https://github.com/noopkat/insta-caption/blob/master/bookmarklet.js

Ensuite nous avons eu Marcy Sutton, nous rappelant que "Accessibility is a Civil Right" et de dans ce sens, nous nous devons en tant que développeur rendre accessible au plus grand nombre nos applications.

Elle a nous ainsi parler de bonnes pratiques de développement, comme ne jamais désactiver le CSS "outline" (ou tout du moins, avoir un moyen d'indiquer le focus), de pousser l'usage de l'attribut "inet"(son application pas-à-pas sur ce lien), mais aussi d'outils comme le plugin Chrome "Axe-Coconut" nous donnant des métriques de qualités autour de l'accessibliité dans nos pages, mais aussi de tous les outils se basant sur "Axe-Core".

Nous avons eu aussi des talks très intéressants de Tom Dale autour de la "Web Performance", où il explique les trois grandes notions importantes à respecter pour faire des applications très réactives, à savoir

1. Les instant templates
2. Les optimized updates
3. Les 60FPS incremental rendering

Et nous a montré un framework permettant de nous aider: GlimmerJs

Nous avons le talk de Feross Aboukhadijeh, qui nous a illustré aujourd'hui encore les "astuces" JavaScript permettant de faire à la fois du phising mais aussi de bloquer les sites Webs:

 

Nous pouvons citer aussi Web Bos, et son talk autour du sucre syntaxique ES7 ASYNC / AWAIT. Mais aussi:

• Trent Willis autour des tests dans le futur, notamment grâce à Puppeter, mais aussi au Chorme DevTools Protocol, qui permet d'utiliser dans nos tests les outils de monitoring, coverage ou autre de Chrome
• Adrian Holovaty et son talk autour du JS fatigue mais surtout de VanillaJS (et en fond d'illustration, son application https://www.soundslice.com/)
• Thomas Watson et son petit projet IOT qui permet ... de lister les avions au-dessus de nous : (leurs positions, leur altitude, leur noms, ...). Son talk et démos sur ce lien.
• Sean Larkin et de son talk sur toutes la tuyauterie interne de Webpack et ce que va nous apporter WebPack 4.

Voilà rapidement, je vais voir pour faire des articles plus en détail.