HTML · CSS · JavaScript · Git
On apprend le HTML dans un tutoriel, le CSS dans un autre, le JavaScript dans un troisième — et on ne sait toujours pas construire un site complet. Ici, on en construit douze, du premier titre jusqu'à la mise en ligne.
288 pages · 16 chapitres · 12 sites à construire · 9 annexes · exercices corrigés
Le problème
On finit par savoir centrer une div sans savoir organiser un projet, publier une page ou reprendre son travail après une erreur. Ce livre fait l'inverse : chaque chapitre construit un site réel, du contenu jusqu'à la mise en ligne, et on observe de vrais sites dans les outils du navigateur pour comprendre comment ils sont faits.
Première session, ou reconversion. Aucun prérequis : on part du premier fichier .html et de ce qui se passe quand on l'ouvre.
Le site personnel se construit dès les premiers chapitres et se publie sur GitHub Pages. Une pièce à montrer, pas seulement des exercices.
Accessibilité, sémantique, Git, revue de code, travail en équipe : les habitudes du milieu, prises dès le départ plutôt que corrigées plus tard.
Une session complète : objectifs selon la taxonomie de Bloom, ateliers guidés, laboratoires formatifs corrigés, exercices gradués et réponses en annexe.
Aucune connaissance préalable. Un navigateur et un éditeur de texte suffisent.
Le parcours · seize chapitres
On n'apprend pas une balise pour elle-même : on l'apprend parce que le site du chapitre en a besoin.
Le sens avant l'apparence : titres, sections, listes, liens, images, tableaux. Et l'habitude d'ouvrir les outils du navigateur pour regarder comment font les autres.
Sélecteurs, boîte, variables, mise en page moderne, adaptation aux petits écrans, thème sombre. Nommer ses classes par leur rôle, jamais par leur couleur.
Git, dépôt local et distant, branches, conflits — y compris un atelier où l'on provoque exprès un conflit à deux — puis la mise en ligne sur GitHub Pages.
Le DOM, les événements, la délégation, les formulaires validés avec des messages accessibles, les données en JSON chargées avec fetch, et le débogage.
Audio, vidéo sous-titrée, images adaptatives, SVG. Puis mener un projet à plusieurs, faire une revue de code, et l'audit final avant de livrer.
Douze fiches-projets classées par niveau, avec leur piège annoncé, et l'ordre d'apprentissage à suivre ensuite — sans inverser les étapes.
Douze sites construits : école de musique, clinique vétérinaire, festival, cabane à sucre, librairie-café, club de robotique, camp de jour, garage, studio photo, salle de spectacle, organisme communautaire, et votre portfolio.
Ce que contient le livre
Chacun avec ses objectifs, son atelier guidé étape par étape et son « rendu attendu ».
Des sites fictifs mais réalistes, libres de droits, que vous construisez du début à la fin.
Aide-mémoire HTML, CSS, JavaScript et Git, messages d'erreur expliqués, glossaire, ressources.
Du vrai ou faux au mini-projet, avec les réponses des blocs A à D en annexe.
Extrait gratuit
L'extrait contient la table des matières complète, le catalogue des douze sites et les trois premiers chapitres, exercices et corrigés inclus.
Télécharger l'extrait (PDF)Se procurer le livre
Paiement sécurisé. Le fichier arrive par courriel dans les 24 heures après l'achat.
Questions fréquentes
Non. Le livre commence par le tout premier fichier HTML et ce qui se passe quand on l'ouvre dans un navigateur.
Un navigateur et un éditeur de code gratuit. Git arrive au chapitre 7, avec son installation détaillée. Aucun abonnement à un outil payant.
Non, et c'est un choix. Le dernier chapitre explique pourquoi apprendre un cadriciel avant de maîtriser HTML, CSS et JavaScript se paie plus tard, et dans quel ordre poursuivre.
Les réponses des exercices A à D sont en annexe, et les laboratoires formatifs sont corrigés dans le texte même du livre. Les corrigés des mini-projets du bloc E font partie du dossier de l'enseignant.
Oui : laboratoires notés, banque d'examen, énoncés de travaux, grilles de correction, questions de défense orale et un outil de vérification automatique des sites remis. Ce matériel n'est pas vendu en ligne ; écrivez-moi depuis votre adresse institutionnelle.
Chaque exemplaire porte un filigrane nominatif au nom et au courriel de l'acheteur, sur chaque page. Usage personnel ; la revente et la mise en ligne sont interdites.
Et il sera en ligne, sur une vraie adresse, avant la moitié du livre.
Commencer aujourd'huiDans la même collection
Même méthode, même structure. Un lecteur de l'un s'y retrouve immédiatement dans les autres.