Embarquement : Unité 3 - Composants
Maintenant que vous avez des fichiers .astro
et .md
générant des pages entières sur votre site web, il est temps de créer et de réutiliser de plus petits morceaux d’HTML avec des composants Astro !
Ce que la suite vous réserve
Section intitulée « Ce que la suite vous réserve »Dans cette unité, vous apprendrez à créer des composants Astro pour réutiliser le code des éléments communs sur votre site web.
Vous créerez :
- 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 afficher ou masquer 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.