Bootstrap 5

Objectifs

• Apprendre à utiliser les composants de base de Bootstrap
• Comprendre les principes de grille de Bootstrap et comment les utiliser pour organiser les éléments sur une page
• Apprendre à utiliser les classes de mise en forme de Bootstrap pour créer des boutons, des formulaires, des navbars, des modals, etc.
• Comprendre comment utiliser les plugins JavaScript de Bootstrap pour ajouter des fonctionnalités telles que les carrousels, les accordéons, les tabs, etc.
• Apprendre à personnaliser les styles de Bootstrap en utilisant les variables Sass et les règles CSS personnalisées.
• Apprendre à créer un thème Bootstrap personnalisé pour un projet en utilisant les variables Sass et les règles CSS personnalisées

Programme de la formation

Journée 1

Introduction à Bootstrap 5

• Présentation de Bootstrap
• Historique de Bootstrap
• Avantages et inconvénients de Bootstrap
• Installation de Bootstrap
• Présentation de l'éditeur de code que nous allons utiliser durant la formation
• Travaux pratiques : création d'un projet de base avec Bootstrap

Utilisation de la grille de Bootstrap

• Présentation de la grille de Bootstrap
• Utilisation des classes de grille pour créer des mises en page réactives
• Utilisation des classes d'offset pour décaler les colonnes
• Travaux pratiques : création d'une mise en page réactive à l'aide de la grille de Bootstrap

Journée 2

Utilisation des composants de Bootstrap

• Présentation des composants de Bootstrap (navbar, boutons, formulaires, etc.)
• Utilisation des composants pour créer des éléments communs dans les interfaces utilisateur
• Travaux pratiques : création d'un site web de base avec des composants de Bootstrap

Personnalisation de Bootstrap

• Présentation des options de personnalisation de Bootstrap (variables SASS, surcharge de classe, etc.)
• Utilisation des options pour personnaliser l'apparence de Bootstrap
• Travaux pratiques : amélioration du site web créé précédemment

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique