- 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
- Université
1h50min pour créer une App Front avec la Clean Archigonale ©️
Tout le monde pense que la "Clean Architecture / Architecture Hexagonale" se fait uniquement côté Back. Dans cet atelier, nous allons vous montrer que cela fonctionne également côté Front. Et oui, Redux n'est pas le Silver Bullet des applications front-end. Et oui, Les Stores ne sont pas toujours obligatoires, mais ceci est une autre histoire ! On va coder ensemble une petit App Front pour voir comment mettre en place cela. Take away : Comprendre et manipuler les concepts. Architecture Logicielle Stratégie de Tests
Mercredi
11h30 à 13h30 - Amphi C- 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
- Conférence
Dix pièges à éviter lors de l'intégration de Keycloak
Vous avez fait un POC de Keycloak rapide et convaincant et vous pensez que le plus dur est fait ? Venez découvrir les 10 principaux pièges dans lesquels tombent régulièrement les équipes qui intègrent Keycloak. Sécurité, architecture, gouvernance, développement, exploitation... nos retours d'expérience couvriront la plupart des aspects d'un projet Keycloak. Vous repartirez avec quelques clés importantes pour anticiper les difficultés et réussir un déploiement durable et sécurisé.
Jeudi
9h30 à 10h25 - Amphi E