La première partie du programme couvre les fondations : HTML5 sémantique, structure de document, accessibilité de base et bonnes pratiques de nommage. Ces sujets paraissent simples, mais la plupart des erreurs d'intégration viennent d'une mauvaise compréhension de ces bases. Vous travaillez sur des exemples tirés de vrais projets.
La deuxième partie entre dans le vif du CSS : sélecteurs avancés, cascade, spécificité, variables natives, et les deux systèmes de mise en page incontournables - Flexbox et Grid. Vous apprenez à choisir lequel utiliser selon le contexte, pas à les appliquer mécaniquement.
La troisième partie porte sur le design interactif : transitions, animations CSS, états de focus, gestion du clavier. L'accessibilité n'est pas traitée comme un bonus - elle fait partie de chaque exercice dès le début. Vous testez vos composants avec un lecteur d'écran simulé.
La quatrième partie est entièrement consacrée à l'intégration responsive. Vous apprenez les media queries, les container queries, et les techniques modernes qui remplacent les anciennes approches basées sur des breakpoints rigides. Chaque livrable est évalué sur plusieurs tailles d'écran.
