Formation HTML et CSS avancés – API, techniques modernes et bonnes pratiques

3 jours (21 h)
Inter : 1 800,00 € HT/pers
Intra : nous consulter

Description title-border

Les objectifs

  • Comprendre et utiliser les API et fonctionnalités avancées du HTML5.

  • Exploiter les capacités modernes du CSS pour structurer des interfaces réactives et accessibles.

  • Utiliser des techniques avancées de mise en forme, d’animations et de responsive design.

  • Appliquer des API CSS (variables CSS, custom properties, grid, flexbox) pour des mises en page complexes.

  • Mettre en œuvre des bonnes pratiques pour optimiser le rendu, la réactivité et l’accessibilité des pages.

Public visé

  • Développeurs front‑end souhaitant approfondir les fonctionnalités avancées du HTML et du CSS.

  • Intégrateurs Web et développeurs UI/UX impliqués dans des projets Web interactifs.

  • Développeurs full‑stack désireux d’améliorer la performance et la qualité des interfaces Web.

Prérequis

  • Maîtrise des bases du HTML5 et du CSS3.

  • Connaissance de l’utilisation d’un éditeur de code et d’un navigateur pour le développement Web.

  • Expérience préalable en développement front‑end ou conception d’interfaces Web est un plus.

Le programme

Jour 1
Matinée

1. Fonctionnalités avancées de HTML

  • Présentation des apports modernes du HTML5 (nouvelles balises sémantiques).
  • Structure sémantique d’une page HTML et bonnes pratiques d’organisation.
  • Utilisation des API intégrées (formulaires avancés, attributs data-\*, templates).
  • Audio, vidéo et intégration multimédia native.
  • Atelier pratique : création d’une page structurée avec sémantique et éléments HTML avancés.
Après-midi

2. Sélecteurs et principes avancés du CSS

  • Sélecteurs CSS avancés (nth‑child, attributs, pseudos classes spécifiques).
  • Héritage, spécificité et cascade expliqués en profondeur.
  • Fonctions CSS utiles (calc(), var(), clamp()).
  • Atelier pratique : mise en forme complexe d’un composant d’interface.
Jour 2
Matinée

3. Mise en page moderne avec Flexbox

  • Concepts fondamentaux de Flexbox pour disposer des éléments.
  • Alignements, ordres, répartitions et flexibilité des contenus.
  • Résolution de mises en page courantes avec Flexbox.
  • Exercices pratiques : structurer un layout responsive avec Flexbox.
Après-midi

4. Grilles avancées avec CSS Grid

  • Introduction à CSS Grid et comparaison avec Flexbox.
  • Définition de grilles, zones et lignes de grille.
  • Alignement de zones et organisation complexe des interfaces.
  • Démonstrations et exercices : grilles à plusieurs dimensions.
Jour 3
Matinée

5. API CSS, variables et thèmes dynamiques

  • Custom properties : syntaxe, portée et utilité.
  • Thématisation via variables CSS et transitions de thèmes.
  • Utilisation de media queries pour adaptabilité selon les écrans.
  • Atelier guidé : mise en œuvre d’un thème dynamique CSS.
Après-midi

6. Accessibilité, performance et bonnes pratiques

  • Principes d’accessibilité Web (ARIA, roles sémantiques, contraste).
  • Optimisation du rendu CSS et minimisation des recalculs.
  • Intégration progressive des techniques CSS pour la performance.
  • Revue des bonnes pratiques pour structurer le CSS et maintenir des interfaces maintenables.
  • Synthèse des acquis, retours d’expérience et pistes pour aller plus loin.
Dernière mise à jour : 23 avril 2026

En présentiel ou à distance : à vous de choisir

Dans vos locaux

Pour ancrer les apprentissages et encourager la dynamique collective.

En classe virtuelle

Pour allier flexibilité et interactions en temps réel avec le formateur.

Dans nos locaux

Pour favoriser la concentration, les échanges et le confort des apprenants.

Les modalités de formation

Suivi et évaluation :

  • Recueil des besoins en amont pour identifier les attentes du stagiaire
  • Évaluation continue : études de cas et travaux pratiques pendant la formation
  • Évaluation finale : questionnaire d'auto-évaluation

Format et encadrement :

  • Formation équilibrée alliant théorie et pratique (minimum 50%)
  • Sessions en petits groupes (2 à 9 participants) pour un suivi personnalisé
  • Émargement par demi-journée et remise d'une attestation de formation

Moyens pédagogiques et techniques :

  • Méthodes interactives et suivi des acquis : travaux pratiques, projet fil rouge, mises en situation, démonstrations, QCM…
  • Les stagiaires doivent être équipés de leur matériel informatique pour suivre la formation, que ce soit dans nos locaux ou sur site externe.
  • Il appartient au client de veiller à ce que le matériel mis à disposition soit conforme aux prérequis techniques indiqués dans le programme de formation.
  • Accessibilité : nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d'adapter les sessions en cas de situations spécifiques. Nous nous engageons à répondre à toutes les demandes dans un délai de 48h ouvré.

Conditions et délais d'accès :

  • Si l'une de nos formations vous intéresse, contactez-nous au +33 04 93 65 34 24 ou à l'adresse mail contact@le-code.dev. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d'adapter la formation et ses modules, puis nous vous adresserons un devis. Les dates de la formation seront à convenir sous 30 jours maximum.
  • Concernant les formations Actions Collectives, l'inscription est possible jusqu'à 24h ouvrées avant le début de la formation.