Plan du TP

Avancer dans l’ordre : structure, style, interaction, serveur

Chaque page détaille une étape complète : rôle de la technologie, syntaxe de base, exemples génériques, consignes guidées, liens utiles et critères de réussite. Le bon réflexe : faire une petite modification, enregistrer, tester, puis continuer.

Étape 1

Créer la structure HTML

Préparer une page propre avec un titre, une introduction, une section de jeux, trois cartes avec images et liens, un footer et une page séparée pour le futur formulaire.

Ouvrir
Étape 2

Styliser la page avec CSS

Mettre en place une mise en page centrée, des cartes, une grille responsive, des couleurs et des effets simples.

Ouvrir
Étape 3

Ajouter de l’interaction en JavaScript

Créer un compteur de likes, un bouton qui affiche ou masque les détails, et un filtre sur les notes.

Ouvrir
Étape 4

Lire un JSON et générer les cartes avec PHP

Remplacer les cartes écrites à la main par une lecture de games.json, une boucle et quelques fonctions simples.

Ouvrir
Bonus

Ajouter un formulaire PHP

Envoyer un nouveau jeu depuis une page dédiée, valider les champs, enregistrer dans JSON puis revenir sur la liste.

Ouvrir