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

• Compréhension des concepts fondamentaux de Bootstrap :
  
  
  
  • Connaissance de l'historique, des avantages et des inconvénients.
  
  
  
  


• Maîtrise de l'installation et de la configuration :
  
  
  
  • Capacité à installer Bootstrap et à configurer un environnement de développement.
  
  
  
  


• Compétence dans l'utilisation de la grille :
  
  
  
  • Création de mises en page réactives en utilisant la grille de Bootstrap.
  
  
  
  


• Utilisation efficace des composants :
  
  
  
  • Intégration de composants Bootstrap (navbar, boutons, formulaires, etc.) dans des projets.
  
  
  
  


• Personnalisation des styles :
  
  
  
  • Adaptation des styles de Bootstrap à l'aide de variables SASS et de règles CSS personnalisées.
  
  
  
  


• Création d'un projet complet :
  
  
  
  • Réalisation d'un site web fonctionnel utilisant les connaissances acquises.
  
  
  
  


• Capacité à appliquer les connaissances à des projets futurs :
  
  
  
  • Application des compétences en Bootstrap à de nouveaux projets de développement web.
  
  
  
  

Type de formation

Non certifiante

Sortie

Sans niveau spécifique