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 !
Où allons-nous ?
Titre de la section Où allons-nous ?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.
Liste de contrôle
Titre de la section Liste de contrôle
Précédent
Ajoutez des styles pour l'ensemble du site Suivant
Créez un composant de navigation réutilisable
Ajoutez des styles pour l'ensemble du site Suivant
Créez un composant de navigation réutilisable