Introduction
Explication de la grille
Mettre du style
Utiliser les composants prêt à l’emploi
Utiliser les composants JavaScript
Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons explorer deux composants essentiels pour la navigation sur un site web : le fil d'Ariane et la pagination.
Le fil d'Ariane, ou breadcrumb, est un outil de navigation qui permet à l'utilisateur de savoir où il se trouve sur le site et de revenir en arrière facilement. Nous allons créer un fil d'Ariane qui montre le chemin de la page d'accueil à la page actuelle, avec une icône maison pour représenter le lien vers la page d'accueil.
Ensuite, nous implémenterons un système de pagination pour naviguer entre les pages de contenu. Nous verrons deux types de pagination : un système de pages numérotées et un système de boutons 'Précédent' et 'Suivant'. Nous ajouterons des classes pour styliser et rendre ces éléments interactifs selon leur état (actif, désactivé, caché).
Cette leçon est idéale pour les développeurs web souhaitant améliorer l'UX de leurs sites en utilisant des composants Bootstrap.
Objectifs de cette leçon
À la fin de cette vidéo, vous serez capable de créer et d'intégrer un fil d'Ariane et une pagination fonctionnelle dans vos projets web en utilisant Bootstrap.
Prérequis pour cette leçon
Connaissance de base du HTML et du CSS. Notions de Bootstrap seront un plus.
Métiers concernés
Ce tutoriel est particulièrement utile pour les métiers de développeur front-end, intégrateur web, et designer UX/UI.
Alternatives et ressources
Vous pouvez utiliser d'autres frameworks CSS comme Foundation ou des solutions personnalisées en HTML/CSS pour la navigation.
Questions & Réponses
Je m'abonne