Apprendre à créer un Fil d'Ariane
Objectifs
À 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.
Résumé
Découvrez comment intégrer un fil d'Ariane et une pagination à votre site web en utilisant Bootstrap. Suivez les étapes pour améliorer la navigation de votre site.
Description
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.
Questions fréquentes
Programme détaillé
Module 1 - Introduction
Module 2 - Explication de la grille
Module 3 - Mettre du style
Module 4 - Utiliser les composants prêt à l’emploi
Module 5 - Utiliser les composants JavaScript
on parle de jquery alors que dans la version il n'y est plus
on nous parle de phpstorm comme editeur qui est payant voir lez bloc note (au secours !!!)
il y a vscode qui maintenant est utiliser par quasi tous les développeurs et qui est gratuit.
sur la video : Maîtriser les Grilles et Colonnes dans Bootstrap
1 - le cours annonce la modification pour passer sur 4 colonne puis de changer les titres,
a ce moment la on reviens en arrière à la modification pour passer en 4 colonnes... et ça recommence
grosse erreur de montage.
2 - ensuite push et pull ont été supprimé pour utiliser le système flexbox sur la version 5
avec les classes order pour gérer l'ordre des colonnes.
3 - l'explication sur le offset n'est absolument pas claire :
on a une première explication, puis une deuxième qui est la même mais avec le résultat directe avec offset.
bref je vais être franc j'ai trouver une formation sur udemy sur bootstrap 5 bien plus intéressante, je ne trouve pas normal d'avoir une formation sur bootstrap 3 qui nous induit en erreur.
ayant passer ce premier chapitre j’arrête car je ne vois aucun intérêt à continuer.