- Web
- Conférence
- 55 min
🕹️ Créer un jeu vidéo Steam avec une app SPA : le web au service de l’improbable
Date mercredi
Horaire 9h00 à 9h55
Salle Amphi E
Description
Vous connaissez les gros tableaux, les dashboards et les pages web lourdes… mais avez-vous déjà essayé de pousser un site web en full DIV et CSS jusqu’au point de faire tourner un jeu vidéo ? Pas de three.js, pas de unity, seulement du html, du vrai ! Au départ, je pensais devoir me battre contre le navigateur: perfs instables, rendu fragile… et à me perdre dans une complexité ingérable côté code. Je me trompais. Pendant 3 ans, mon projet a été l’une des aventures les plus fun et gratifiantes de ma carrière, et aujourd’hui, il a donné naissance à un jeu complet, dont la démo a déjà été testée sur Steam par plusieurs milliers d’utilisateurs. Dans ce talk, je partagerai mon expérience sur tous les aspects de la création, avec un focus sur ce que les développeurs web peuvent en tirer : - Les ponts techniques et créatifs entre sites web et jeux vidéo. - Les challenges techniques rencontrés, mais aussi leurs solutions et leurs limites. - Des astuces CSS/HTML puissantes et souvent méconnues. - La gestion d’un projet long terme, du développement au lancement sur Steam, marketing inclus. Dans ce talk vous allez réaliser que le web est plus puissant que vous ne le pensez et que créer vos jeux sans bibliothèques externes est non seulement possible, mais aussi très accessible. Lancez-vous… le web est prêt à vous suivre !
Orateur·ices
V-Vignon Jonathan
Lead développeur frontend avec 13 ans d’expérience (Angular, React). J’ai occupé des rôles de tech lead dans plusieurs entreprises, où j’ai conçu des architectures frontend et accompagné des équipes sur des applications complexes. Mon dernier projet est un jeu vidéo web développé depuis 3 ans en HTML pur, sans moteur ni canvas : la démo, sortie en septembre dernier, a déjà été testée par plusieurs milliers de joueurs sur Steam.
Actions rapides
Les sessions futures sur le même thème
- Web
- Conférence
Tests d’UI : rendre la qualité accessible à toute l’équipe
Les tests d’UI sont souvent réservés aux spécialistes du front-end, tant ils semblent dépendre du DOM, des sélecteurs et de détails d’implémentation. Dans des architectures modernes (micro-services, micro-frontends, systèmes distribués) cette séparation devient rapidement un frein à la qualité logicielle. À partir d’un retour d’expérience client, je propose d’aborder les tests d’UI sous l’angle du craft : comme une pratique de conception à part entière, au service de la lisibilité, de la robustesse et de la coopération. J’explorerai les freins classiques à l’écriture de tests end-to-end efficaces (parcours utilisateurs multiples, évolutions fréquentes de l’interface, difficulté à choisir quoi tester) et montrerai comment le design des tests, appuyé sur des patterns d’architecture, permet de rendre la qualité accessible à toute l’équipe, y compris aux développeur·ses backend. Enfin, à travers une démonstration avec Playwright, je montrerai comment un outil avec une developer experience pensée pour les tests facilite l’adoption de ces pratiques : API expressives, feedback rapide, outils de debug intégrés. Je vous montrerai également comment ces tests automatisés peuvent aussi favoriser l’accessibilité.
Jeudi
9h30 à 10h25 - Amphi C- Web
- Quicky
@Transactional : Facile à utiliser, difficile à maîtriser
L'annotation @Transactional de Spring semble simple en apparence : on l'ajoute sur une méthode et magie, nos opérations deviennent transactionnelles ! Mais derrière cette simplicité se cachent des mécanismes complexes qui, mal compris, peuvent conduire à des bugs subtils et des problèmes d'intégrité de données. Dans ce talk, nous décoderons ensemble les subtilités de @Transactional pour comprendre comment Spring gère réellement vos transactions et pourquoi certains patterns échouent là où d'autres réussissent. À travers des exemples concrets et des cas d'usage réels, vous découvrirez les mécanismes internes de Spring et développerez une intuition solide pour éviter les pièges les plus fréquents.
Jeudi
10h45 à 11h00 - Amphi E- Web
- Conférence
L'API viewTransition : une révolution pour le web ?
Vous aimeriez pouvoir ajouter des animations à votre front-end web afin de proposer une expérience plus fluide à vos utilisateurs mais vous êtes découragés par la complexité de la tâche ? Vous maîtrisez comme personne transitions CSS, keyframes et animations FLIP mais vous en avez marre de gérer les problèmes d'interface et d'accessibilité causés par cette technique ? Vous développez un site multi-pages full-stack plus traditionnel (rails, express, laravel...) et vous aimeriez améliorer la navigation entre les différentes pages de votre site ? Pour résoudre tous ces problèmes et plus encore, venez découvrir l'API viewTransition. Grâce à elle, vous pouvez déléguer au navigateur l'essentiel du travail d'animation et réaliser des transitions entre les différents états de votre application devient un jeu d'enfant, même entre des documents HTML différents (🤯) ! Au programme, je montrerai comment fonctionne cette API et quelles sont les meilleures pratiques pour l'utiliser dans tous les contextes. Nous verrons ensemble que l'API viewTransition permet de dépasser des obstacles jusqu'ici infranchissables dans le développement web !
Jeudi
15h35 à 16h00 - Amphi C