Formation Bootstrap 5

Objectifs

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

Programme de la formation

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.

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique