Bootstrap 5

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.

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éé.