Aller au contenu

Point de contrôle : Unité 3 - Composants

Maintenant que vous avez des fichiers .astro et .md générant des pages entières sur votre site web, passons à la création et à la réutilisation de petits morceaux d’HTML avec des composants Astro !

Dans cette unité, vous apprendrez à créer des composants Astro pour réutiliser le code des éléments communs sur votre site web.

Vous construirez :

  • Un composant de navigation qui présente un menu de liens vers vos pages
  • Un composant de pied de page à inclure en bas de chaque page
  • Un composant de médias sociaux, utilisé dans le pied de page, qui renvoie vers des pages de profil
  • Un composant interactif Hamburger pour basculer la navigation sur mobile

En chemin, vous utiliserez CSS et JavaScript pour créer un design réactif qui réagit aux tailles d’écran et aux interactions de l’utilisateur.