Bootstrap 5

Objectifs

Maîtriser l'utilisation des composants de base de Bootstrap.
Comprendre le système de grille de Bootstrap pour organiser efficacement les éléments d'une page.
Utiliser les classes de style de Bootstrap pour créer des éléments interactifs tels que des boutons, formulaires, navbars, et modals.
Exploiter les plugins JavaScript de Bootstrap pour ajouter des fonctionnalités dynamiques (carrousels, accordéons, onglets, etc.).
Personnaliser les styles de Bootstrap en modifiant les variables Sass et en ajoutant des règles CSS personnalisées.
Créer un thème Bootstrap unique pour un projet en intégrant des variables Sass et des règles CSS adaptées.

Programme de la formation

Module 1 : Introduction à Bootstrap 5
Présentation générale de Bootstrap : historique, avantages et inconvénients.
Installation et configuration de Bootstrap pour un projet.
Découverte de l'éditeur de code utilisé tout au long de la formation.
Travaux pratiques : création d'un projet de base avec Bootstrap.
Module 2 : Maîtrise de la grille Bootstrap
Comprendre le système de grille réactive de Bootstrap.
Utilisation des classes de grille pour organiser et structurer les mises en page.
Apprentissage des classes d'offset pour ajuster les colonnes.
Travaux pratiques : création d'une mise en page réactive avec la grille Bootstrap.
Module 3 : Utilisation des composants de Bootstrap
Présentation des principaux composants : navbar, boutons, formulaires, cartes, modals, etc.
Intégration des composants dans des interfaces utilisateur pour créer des éléments interactifs.
Travaux pratiques : création d'un site web de base en utilisant les composants Bootstrap.
Module 4 : Personnalisation de Bootstrap
Exploration des options de personnalisation : variables Sass, surcharge de classes CSS.
Utilisation des outils pour modifier l'apparence et adapter Bootstrap à un projet spécifique.
Travaux pratiques : personnalisation et amélioration du site web précédemment créé.

Validation et sanction

Maîtrise des fondamentaux de Bootstrap 5.
Création de mises en page réactives grâce au système de grille Bootstrap.
Utilisation efficace des composants prêts à l'emploi pour concevoir des interfaces utilisateur modernes.
Personnalisation de l'apparence de Bootstrap à l'aide de variables Sass et de règles CSS.
Intégration des plugins JavaScript de Bootstrap pour ajouter des fonctionnalités interactives.
Création d'un site web complet et réactif en utilisant Bootstrap 5.
Capacité à adapter Bootstrap aux besoins spécifiques d'un projet.

Type de formation

Non certifiante

Sortie

Information non communiquée