- Maîtriser l'utilisation des composants fondamentaux de Bootstrap.
- Comprendre les principes de la grille de Bootstrap et leur application pour structurer les éléments sur une page.
- Apprendre à utiliser les classes de style de Bootstrap pour concevoir des boutons, des formulaires, des barres de navigation, des modales, etc.
- Découvrir comment intégrer les plugins JavaScript de Bootstrap pour ajouter des fonctionnalités telles que des carrousels, des accordéons, des onglets, etc.
- Apprendre à personnaliser les styles de Bootstrap en utilisant des variables Sass et des règles CSS sur mesure.
- S'initier à la création d'un thème Bootstrap personnalisé pour un projet à l'aide des variables Sass et des règles CSS personnalisées.
Module 1 : Introduction à Bootstrap 5
- Présentation de Bootstrap
- Historique et évolution de Bootstrap.
- Avantages et inconvénients de l'utilisation de Bootstrap.
- Installation de Bootstrap
- Introduction à l'éditeur de code utilisé pendant la formation.
- Travaux pratiques
- Création d'un projet de base avec Bootstrap.
Module 2 : Utilisation de la grille de Bootstrap
- Introduction à la grille de Bootstrap
- Présentation des principes de la grille.
- Utilisation des classes de grille pour élaborer des mises en page réactives.
- Application des classes d'offset pour décaler les colonnes.
- Travaux pratiques
- Création d'une mise en page réactive en utilisant la grille de Bootstrap.
Module 3 : Utilisation des composants de Bootstrap
- Présentation des composants de Bootstrap
- Exploration des composants clés (navbar, boutons, formulaires, etc.).
- Intégration des composants pour concevoir des éléments d'interface utilisateur.
- Travaux pratiques
- Élaboration d'un site web de base en utilisant les composants de Bootstrap.
Module 4 : Personnalisation de Bootstrap
- Options de personnalisation de Bootstrap
- Introduction aux variables SASS et à la surcharge de classes.
- Application des options pour adapter l'apparence de Bootstrap à vos besoins.
- Travaux pratiques
- Amélioration du site web créé précédemment grâce aux options de personnalisation.
Attestation de formation
Non certificiante
Sans niveau spécifique