Programme du Cours
Un parcours complet pour maîtriser HTML, CSS et JavaScript, de débutant à autonome. Chaque chapitre contient de la théorie, des exemples de code et des exercices pratiques basés sur le projet WebFolio.
Préparation — Votre environnement de travail
Comprenez le web, installez VS Code et découvrez les DevTools
HTML — Votre première page web
Balises HTML, structure obligatoire et balises de texte
HTML — Liens, images, listes et navigation
Liens hypertextes, images avec alt, listes et menus
HTML — Structure sémantique et formulaires
Balises sémantiques HTML5, formulaires et tableaux
HTML — Projet pratique et validation W3C
Construire le squelette HTML complet de WebFolio
CSS — Les bases du style
Sélecteurs, couleurs, unités, Box Model et variables CSS
CSS — Typographie et espacement
Google Fonts, hiérarchie visuelle et navigation fixe
CSS Flexbox — Aligner les éléments
Conteneur/items, axes, justify-content, align-items
CSS Grid — Les grilles
Grilles 2D, fr, repeat(), auto-fit et minmax()
CSS — Responsive design (mobile first)
Media queries, breakpoints, clamp() et menu hamburger
CSS — Animations et transitions
Transitions, keyframes, performances et prefers-reduced-motion
JavaScript — Les bases du langage
Variables, fonctions, tableaux, objets et méthodes
JavaScript — Manipuler le DOM
Sélectionner, modifier et animer les éléments de la page
JavaScript — Formulaires et validation
Validation HTML native et JS personnalisée
JavaScript — localStorage et mode sombre
Stockage local et toggle de thème avec sauvegarde
JavaScript — Fetch API et données dynamiques
Charger des données depuis une API externe
Bonnes pratiques — Accessibilité, SEO, performance
Audit qualité et optimisation Lighthouse
Git et déploiement — Mettre en ligne
Git, GitHub et GitHub Pages
Projet final — Checklist et livraison
Checklist complète et prochaines étapes