Manipulation de contenu avec Tabs et Collapse
Objectifs
Les objectifs de cette vidéo sont d'apprendre à :
- Créer des onglets de navigation avec le plugin Tabs.
- Utiliser le plugin Collapse pour des sections de contenu pliables.
- Styliser et organiser le contenu de manière efficace avec CSS.
Résumé
Découvrez comment masquer et afficher du contenu avec les plugins Tabs et Collapse en HTML et CSS.
Description
Dans cette leçon, nous allons explorer les plugins Tabs et Collapse pour la manipulation du contenu sur une page web. Vous apprendrez à créer des onglets interactifs et des sections de contenu qui se plient et se déplient en fonction des interactions de l'utilisateur. En commençant par l'ajout des Tabs, nous allons structurer notre HTML pour inclure un menu d'onglets avec trois sections : à propos, contact et crédit. Nous allons ensuite utiliser CSS pour styliser ces éléments et assurer une bonne présentation graphique.
Ensuite, nous aborderons l'utilisation de Collapse pour organiser notre contenu dans des panneaux pliables. Vous apprendrez à créer des groupes de panneaux avec des en-têtes et des corps de panneaux, tout en veillant à ce que chaque panneau soit correctement relié aux ancres correspondantes. En suivant ces étapes, vous pourrez facilement manipuler le contenu de vos pages web de manière dynamique et interactive, améliorant ainsi l'expérience utilisateur.
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.