• Web
  • ConfĂ©rence
  • Standard
  • 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

Voir la vidéo

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