Le navigateur affiche l’interface
Quand tu ouvres PlayBed, ton navigateur reçoit du HTML pour la structure de la page, du CSS pour l’apparence et du JavaScript pour certaines interactions dynamiques. Ces trois technologies jouent des rôles complémentaires.
Le HTML décrit les éléments visibles, le CSS organise leur présentation et le JavaScript peut réagir à des actions sans recharger toute la page, comme dans le Memory.
Le serveur gère la logique
Une partie de la logique de PlayBed est exécutée côté serveur avec Python et Flask. Lorsqu’une route est appelée, le serveur décide quelle page afficher, quelles données utiliser et quelle réponse renvoyer au navigateur.
Dans un jeu comme Plus ou Moins, le serveur peut conserver le nombre secret et comparer les propositions successives du joueur avant de répondre « plus », « moins » ou « trouvé ».
Les routes relient les URL aux fonctions
Une application web associe des URL à des fonctions. Une route peut afficher la page d’accueil, une autre lancer une partie, une autre montrer un classement ou recevoir un score.
Cette organisation rend le projet plus lisible : chaque adresse correspond à un rôle clair dans l’application.
Les sessions conservent un état temporaire
Le web est naturellement composé de requêtes séparées. Pour qu’une partie puisse continuer d’un écran au suivant, l’application doit conserver certaines informations temporaires.
PlayBed utilise notamment une session pour retenir le pseudo et l’état de certains jeux. Cela permet de continuer une partie sans créer obligatoirement un compte utilisateur complet.
La base de données conserve les scores
Lorsqu’une partie se termine, certaines informations comme le pseudo, le jeu, les points et la date peuvent être enregistrées dans une base de données. Ces données servent ensuite à construire les classements et statistiques.
Une base de données est différente d’une session : la session est surtout utile pour l’état temporaire de navigation, alors que la base sert à conserver des informations plus durablement.
Pourquoi séparer front-end et back-end
Le navigateur est très pratique pour l’interface et les interactions visuelles, tandis que le serveur est mieux placé pour protéger certaines règles, centraliser les scores ou travailler avec une base de données.
Un projet comme PlayBed combine donc plusieurs couches. Comprendre cette séparation permet de mieux voir comment un petit jeu peut devenir une véritable application web publique.