- Maîtriser l'utilisation des composants de base de Bootstrap.
- Comprendre le système de grille de Bootstrap et savoir comment l'exploiter pour structurer les éléments d'une page.
- Apprendre à utiliser les classes de mise en forme de Bootstrap pour créer des boutons, des formulaires, des barres de navigation (navbars), des modals, etc.
- Savoir intégrer les plugins JavaScript de Bootstrap pour ajouter des fonctionnalités interactives, comme les carrousels, les accordéons, les onglets (tabs), etc.
- Apprendre à personnaliser l'apparence de Bootstrap en modifiant les variables Sass et en appliquant des règles CSS sur mesure.
- Savoir créer un thème Bootstrap personnalisé pour un projet en utilisant les variables Sass et en ajustant les règles CSS.
Module 1 : Introduction à Bootstrap 5
- Objectifs : Comprendre ce qu'est Bootstrap, ses avantages et comment l'installer.
- Contenu :
- Historique de Bootstrap
- Installation via CDN ou gestionnaire de paquets
- Introduction à l'éditeur de code
- Pratique : Création d'un projet de base avec Bootstrap.
Module 2 : La grille de Bootstrap
- Objectifs : Utiliser le système de grille pour créer des mises en page réactives.
- Contenu :
- Classes col-*, row et points de rupture
- Classes d'offset pour décaler les colonnes
- Pratique : Création d'une mise en page réactive.
Module 3 : Composants Bootstrap
- Objectifs : Maîtriser les composants essentiels de Bootstrap (navbar, boutons, formulaires, etc.).
- Contenu :
- Introduction aux composants de base
- Composants interactifs (modals, carrousels, etc.)
- Pratique : Création d'une page avec composants de base.
Module 4 : Personnalisation de Bootstrap
- Objectifs : Personnaliser Bootstrap avec SASS et CSS.
- Contenu :
- Modification des variables SASS
- Surcharge des classes CSS
- Pratique : Personnalisation du thème de Bootstrap.
Module 5 : Plugins JavaScript de Bootstrap
- Objectifs : Ajouter des fonctionnalités interactives avec les plugins JavaScript de Bootstrap.
- Contenu :
- Intégration de plugins comme carrousels, accordéons, etc.
- Pratique : Création d'une interface avec des plugins.
Module 6 : Projet complet avec Bootstrap
- Objectifs : Appliquer les compétences acquises pour créer un site web complet.
- Contenu :
- Structure du site avec la grille
- Utilisation des composants et personnalisation
- Pratique : Développement d'un site web complet.
Module 7 : Optimisation et bonnes pratiques
- Objectifs : Optimiser la performance et l'accessibilité d'un projet Bootstrap.
- Contenu :
- Minification des fichiers
- Bonnes pratiques d'accessibilité et de performance
- Pratique : Amélioration du projet final.
Attestation de formation
Non certificiante
Sans niveau spécifique
