Bootstrap 5

Objectifs

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

Programme de la formation

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.
  
  
  
  

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique