Web & Frontend
Frameworks, navigateurs, performances et standards : tout ce qui fait vivre le web côté client.
70 talks
Talks
Au coeur d’une pipeline: démystifions Vite et ses plugins
Dans le paysage du frontend, il y en a un qui met (presque) tout le monde d’accord. Au point où, mi-2025, son nombre de téléchargements a dépassé celui de Webpack. Vite est devenu, en l’espace de quelques années, un…
Déconstruisons les frameworks JS pour mieux réinventer le web !
Vous avez créé une application web avec un framework frontend JavaScript comme Vue, React ou Svelte. Votre application fonctionne très bien. Seul défaut ? Vous n'avez pas la moindre idée de comment votre appli marche…
Haute couture du Web : le défilé des approches CSS 🎨
Venez assister au grand show du CSS, un véritable défilé des techniques pour habiller vos applications web 📸 Vanilla, Sass, CSS Modules, CSS-in-JS, Tailwind, frameworks… Toutes les approches sont réunies sous les feux…
JavaScript fait du bruit… mais en rythme !
Ce talk explore le timing audio en JavaScript : pourquoi setTimeout() et setInterval() ne suffisent pas pour jouer juste dans le temps, comment créer une clock fiable et tirer parti de la Web Audio API pour planifier…
Le typage sous stéroïdes, éviter les erreurs au runtime
Si tu rencontres régulièrement l’erreur Cannot read properties of undefined, alors ce talk est fait pour toi. JavaScript est puissant, flexible… mais dangereusement permissif. Même avec TypeScript, certaines erreurs ne…
L’animation web responsable : faire bouger sans alourdir
Depuis une dizaine d’années, les animations web ont profondément transformé notre manière d’interagir avec les interfaces numériques. Qu’il s’agisse de transitions fluides, de micro-interactions ou d’effets de…
Pixel Perfect : Ma Première Contribution dans Chrome
Février 2025, chez Datadog. Je travaille sur les Google Core Web Vitals, des métriques pour quantifier la performance d’un site web : chargement, interactivité et stabilité visuelle. En les utilisant dans le cadre de…
Science, design, code : tout savoir sur le dark mode
Dark mode ou light mode : on a tous une opinion… mais rarement de bons arguments ! Dans ce talk, on vous embarque dans une enquête pleine de surprises : études scientifiques, lisibilité, fatigue visuelle, myopie…
Server-Sent Events : quand l'API murmure à l’oreille de votre navigateur
Vos utilisateurs en ont marre d’attendre... Nos applications s’essoufflent sous le poids du polling et des loaders plus ou moins maîtrisés . Et si les Server-Sent Events (SSE) étaient la solution simple et légère que…
En JavaScript, il y a un paquet pour tout... et souvent pour rien.
Le petit module is-number totalise chaque semaine plus de 70 millions de téléchargements, tandis que des géants comme react plafonnent à seulement 25 millions. Surprenant, non ? Mais ce raz-de-marée de dépendances…
La réactivité et les signaux : démystifions la magie du frontend
Certaines choses dans l’univers resteront sans réponse, mais la réactivité et les signaux ne devraient pas en faire partie. Depuis plusieurs années, la réactivité (et son concept clé : les signaux) s’est imposée sur…
L’aventure d’une requête HTTP — ou le chemin de la vie des devs
À la fin de mon stage de Master et avant le début de mon premier CDI, le chef de mon chef m’a demandé : « On a un gros projet PHP qui arrive… Tu connais PHP ? ». Mon site perso était en PHP, je croyais que je…
Tu te mets combien en responsive CSS ? Edition 2025
Le responsive en CSS, c’est la base non ? Depuis l’arrivée des smartphones, nos interfaces doivent s’adapter à toutes les tailles d’écrans possibles, du moniteur 4K au plus petit téléphone portable. Vous faites ça…
La compression Web : comment (re)prendre le contrôle ?
Saviez-vous que toute la journée, nos serveurs compressent nos réponses HTTP et que nos navigateurs les décompressent ? C'est comme si on passait notre temps à plier des T-shirts et à les déplier. Cette compression est…
La metric INP: qu’est ce que c’est et comment l’améliorer
La latence d'entrée (INP) est une mesure du temps nécessaire à un site web pour répondre à l'entrée de l'utilisateur. Il s'agit d'une mesure essentielle pour l'expérience utilisateur, car elle peut affecter la rapidité…
Rechargez vos applications web avec Spring Boot
Si vous faites vivres des applications web, les mettre à jour à la dernière version de Spring n'est pas juste une question de maintenance: c'est aussi le bon moment pour appuyer sur "F5" et recharger votre stack web…
Survivre dans la JS-jungle des outils de tests
En pleine JS-jungle, Jasmine tente de se frayer un Chai-min sous une atmosphère Sélénium. Son but : la fameuse pyramide de tests. Soudain, plus un Jest, Sinon c'est le mauvais Karma ! Un Mocha venimeux lui barre la…
#RetourAuxSources : Le cache HTTP
Dans le cadre de nos projets Web, on finit tous tôt au tard par faire appel à ce bon vieux cache HTTP. Évidemment, on cherche à réduire les temps de chargement de nos utilisateurs et à soulager la charge de nos…
Pourquoi le CSS Ça Saoule Souvent
Tu t’es déjà senti frustré·e par le CSS ? Que ce soit pour centrer les choses verticalement ou utiliser des hacks magiques pour obtenir ce qu’on veut… soit on a le “gène CSS”, soit on ne l’a pas. Les devs qui aiment le…
Remotion : le 7ème art à portée de composants web et d'API 🎬
Vous avez déjà eu envie de générer des vidéos ... ? Vous ne trouvez pas un outil pas cher, facile à prendre en main et pas limiter dans les possibilités ? Vous avez des bases en HTML, CSS et Javascript ? Remotion est…
Resumability in the next generation frontend framework With O(1) loading time
Qwik is a JavaScript framework that uses a new rendering paradigm called resumability. It can serialize a JavaScript app into HTML, thus eliminating the need for the hydration technique used in meta-frameworks like…
Turbopack - Rust-based successor to Webpack
Take a deep dive into how Turbopack (the new Rust-based successor to Webpack) came to be and the new incremental architecture it's built on. How fast is it compared to other build tools? Why does Turbopack change builds…
WebAssembly en 2023 : un état de l'art
WebAssembly a fait beaucoup de chemin depuis sa première version majeure en 2015. Les cas d'utilisation dépassent désormais le cadre des applications Web : infrastructures cloud, virtualisation, edge computing…
Compose Multiplatform: un framework pour toutes vos apps ?
Des apps mobiles, desktops, web réalisées avec un seul langage, performant et fun. On en a longtemps rêvé. Est-ce en train d’arriver? Compose Multiplatform, une extension du toolkit de Google par JetBrains, répond à…
Le handi-surf : l'accessibilité d'un site internet pour une personne tétraplégique
Venez découvrir l'accessibilité numérique, son importance et surtout comment commencer à la mettre en œuvre !
Rust à la rescousse des performances de javascript
Un fond de carte dans un Canvas. Un algorithme qui parcourt tous ses pixels. Une mosaïque en couleurs. C’est beau ! Mais il faut attendre longtemps... Venez voir comment Rust m’a permis de booster les performances de…
The 97.4% North Star
97.4% – that’s how many of the world’s top 1M homepages have basic accessibility issues, according to the WebAIM Million. This is unacceptable. We can do better. We’ll consider the impact of technology on accessibility…
Un moteur de recherche communautaire pour organiser Internet ?
Est-il possible d’indexer tout Internet avec un nouveau moteur de recherche ? Nous ne le savons pas. Mais nous avons essayé en construisant un moteur de recherche collaboratif fonctionnant sur le modèle de GitHub et…
Un peu de confiture dans votre architecture ?
Réaliser un site le plus éco-conçu possible, attractif visuellement et avec des technos récentes ? L'occasion rêvée de mettre en place un site statique avec une architecture JAMStack ! Cette stack saura t-elle générer…
WebAssembly Developer Experience
Comment WebAssembly pourrait changer la façon dont nous développons nos applications dans les années à venir ?
Introduction au T(ype)DD avec F# et web app réactive avec Fable.io
La programmation fonctionnelle est de plus en plus mise en avant, mais pourquoi? Qu’y a-t-il de différent avec la POO? Nous vous proposons de partir d’un kata bien connu pour illustrer les différences (implémentations…
Le Web, ses frameworks et ses standards : déconstruire pour mieux (re?)construire
Dans le monde merveilleux du frontend Web, les frameworks et leurs écosystèmes vont et viennent. Cette course folle fatigue une grande partie des développeurs. Pourtant, nous continuons à faire des choix d'architecture…
Modern Web Testing: Going Beyond Selenium
It is safe to say that Selenium WebDriver is the number one testing tool for many software engineers across the globe. However, as the tech world has been growing rapidly, so has the testing industry. More and more UI…
REX après 2 ans de PWA en production chez un client
Le but de ce talk est de partir d'un retour d’expérience sur la mise en place depuis 2 ans d'une PWA (Progressive Web App) dans le cadre d'une refonte complète du SI chez ENEDIS (pour les industriels et non linky). Le…
Remake de jeux rétro avec Vue.js
Quoi de mieux que de recoder son jeu préféré pour apprendre une nouvelle techno ? Nous allons nous replonger dans notre enfance pour découvrir les concepts de Vue.js en codant un clone de Pokemon Red. Un jeu n'est rien…
The Illusion of Speed: Hacking Users' Perception
Perceived page speed is all about the first visual impression. But what if you could make it seem to be even faster than it really is? What if we could make use of the strongly filtered and interpreted human perception…
Vanilla JS 2019
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…
Vers l’infini et au-delà avec Angular !
L'un des problèmes que l'on rencontre souvent avec Angular est: "Comment faire évoluer mon projet tout en gardant de bonnes performances et une structure propre ?" Pourtant, de nombreuses pratiques et outils existent et…
WebAssembly dans la vraie vie
Une petite conférence pour essayer de cerner ce qu'est cet OVNI dans l'univers des technos web. Ce nouveau standard vient de débarquer dans les navigateurs et soulève pas mal de questions sur ses promesses (rapidité !…
⏰ CSS Clockwork
Souvent décrié, le CSS est pourtant puissant, et surtout fun. Aujourd’hui alors qu’on est entré dans l’ère post-IE, on peut utiliser beaucoup plus sereinement cette puissance ; pourquoi passer à côté ! Cette session de…
#RetourAuxSources : Les cookies HTTP
Les cookies HTTP sont partout ! Pas une journée sans qu’un site nous demande “d’accepter les cookies”. Rares sont les projets Web qui ne les utilisent pas et pourtant leur fonctionnement nous échappe trop souvent.
But my site looks fine! Common ways we break accessibility and how to avoid them.
In 2016, we at The Financial Times launched a new version of our website to great success. It broke ground on key areas in which we’d set out to excel and measured very closely, like performance, resilience and…
Faciliter le développement d'applications Web performantes avec WebAssembly
Un an après la sortie de la version MVP (minimum viable product) de WebAssembly, de nombreux usages émergent et laissent entrevoir les possibilités futures du format binaire accessible dans tous les navigateurs Web…
Faisons de la magie grâce à Houdini CSS
La dernière spec de layout CSS vient tout juste de sortir et elle correspond exactement à votre besoin et va permettre de simplifier énormément votre travail quotidien. Seul hic, vous devez supporter tous ces…
Vue.js, le framework progressif
Vue est un projet 100% communautaire et open-source. C'est le challenger qui est là pour secouer le monde des librairies front-end, de par sa simplicité et son efficacité ! L'écosystème autour de Vue grandi de jour en…
CSS is Awesome!
Non, le CSS c’est pas du coloriage ! La puissance du CSS est souvent sous-estimée, cette session de Live-Coding sera l’occasion de montrer quantité de trucs et astuces utiles quotidiennement pour les développeurs web…
Compagnonnage, CSS et Vexillologie
CSS Flags est un projet un peu fou dans lequel je recrée l'ensemble des drapeaux des pays du monde en pure CSS, en n'utilisant qu'un seul div par drapeau. Dans ce talk j'explique les différentes techniques secrètes qui…
Développez des applications web desktop avec Electron de Github
D’un côté, nous avons la communauté web qui maintient un écosystème riche permettant de construire des interfaces utilisateurs rapidement. De l’autre côté, l’écosystème desktop possède des outils très performants mais…
Eco-conception web
On n'y pense pas forcément, les choix de Design et de Développement des services Web ont aussi un coût environnemental : performances, stockage, multiplication des services, design, etc. Tour d'horizon en chiffres…
JavaScript... *soupirs*
Vous baignez dans le JavaScript depuis quelques années ? Vous avez suivi ce qui se passe dans ce monde là ? Vous avez donc certainement croisé le terme de «fatigue», et vous l'avez peut être vécue. J'ai envie de…
Le Streaming d'API : pourquoi et comment transformer vos APIs statiques en données temps réel ?
Nous savons que l’animation est essentielle pour l'interaction avec nos utilisateurs. Mais aujourd'hui l'interactivité ne peut plus se résumer à l’UX. Twitter, Waze, Slack … toutes les applications à succès utilisent le…
Progressive Web Apps, au-delà du buzzword
Le concept de Progressive Web App a pour ambition de permettre aux applications web de rivaliser, dans une certaine mesure, avec les applications natives. En s’appuyant sur quelques bonnes pratiques et certaines…
React Native dans vos apps. Vos apps dans React Native
React Native, ça fait buzzword. Oh wait, c'est carrément trop buzzword. React Native, c'est pas histoire de laisser les Web Developer faire des Apps de manière pas trop sale. React Native, c'est pas juste pour faire du…
Un language que tout le monde Elm
Depuis quelques années, de nombreux outils sont apparus pour nous permettre de structurer au mieux nos applications front-end. Des bibliothèques, comme React, des architectures de gestion d'états, comme Redux, et même…
WebAssembly pour les développeurs Web
WebAssembly est une proposition pour un nouveau standard W3C : un format d'exécution binaire pour le Web. Il se veut simple, compact et aussi rapide que le code natif à l'exécution. Se basant sur des idées dérivées…
Angular 2: un framework pour les gouverner tous
Après une longue période de développement, Angular 2 s'apprête enfin à faire son entrée dans la cour des grands. Découvrez le framework qui vous fera oublier React et vous donnera envie d'écrire des classes. Venez…
HTTP/2 pour le développeur Web
Comprendre le protocole HTTP/2, comment les applications web peuvent l'utiliser et comment le mettre en production aujourd'hui sur la JVM.
Changez d'avis sur JavaScript
ES6 (ES2015) est une (r)évolution du JS : plus fiable, plus productif, voyons ensemble comment l'utiliser dès à présent
Du Web hors-ligne avec les Services Workers
Les Services Workers arrivent dans nos navigateurs Web et nous promettent du lourd : hors-ligne, notifis push, synchro en background...
Le panda roux est mon nouvel ami.
J'ai développé une application pour Firefox OS et j'ai aimé ça. Ça vous tente aussi ? Venez découvrir mon expérience.
Applications réactives avec Spring4 et AngularDart
Retour d'expérience portant sur le développement d'OpenSnap, un clone HTML5 de SnapChat utilisant Spring 4, AngularDart, STOMP et Websocket.
How to rewrite your JavaScript app ten times
Rewriting code that seemed like it would work is never any fun. How do you avoid it? The short answer: lots of thoughtful planning.
Le Web est la plateforme (mobile)
Pourquoi est-il important que le Web devienne la plateforme universelle, y compris sur mobile ? Comment Mozilla y travaille.
Backbone, Ember et Angular sont dans un bateau
Backbone, Ember ou Angular ? Les débats sont enflammés ! Venez comparer forces et faiblesses de chacun pour vous faire votre propre opinion.
Web Components, l'avenir des développeurs web
Enrichir le DOM HTML avec vos propres éléments, vous en avez rêvé ? C'est désormais possible.
An overview of JavaScript
This talk will provide a quick overview of JavaScript for people who already know how to program in an object-oriented language.
Animez vos pages HTML5 avec CSS3
5' de coding live pour animer un cube en CSS 3D suivi des explications techniques
Painless Web App Development with Backbone
You know how you always mean to apply proper MVC principles but end up with a mess of jQuery instead? No more excuses: now there's Backbone.
Podcasts
Back to basics : les bonnes pratiques en dev et en test pour le développement Front End
Joignez-vous à nous pour une discussion détendue sur les normes du web et les bonnes pratiques dans le développement front-end, notamment dans les tests. Pour cette session nous aurons la chance d'avoir avec nous 3…
Horizon Front-End : Les enjeux à venir des frameworks
Alors que React et Vue ont maintenant dix ans contre 8 bougies seulement pour Angular, chaque framework continue d'innover avec des innovations majeures pour chacun. Dans cette session, nous reviendrons sur ces…