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

• Maîtrise des bases de Bootstrap 5 : Compréhension de la structure, des grilles, et des classes utilitaires.
• Création de sites web responsives : Conception de sites adaptatifs pour tous les types d'appareils.
• Utilisation des composants Bootstrap : Intégration et personnalisation des composants prêts à l'emploi.
• Personnalisation de l'apparence : Utilisation des variables Sass pour personnaliser les styles.
• Utilisation des utilitaires Bootstrap : Application rapide de styles avec les classes utilitaires.
• Création de formulaires complexes : Conception de formulaires interactifs et accessibles.
• Utilisation avancée des plugins JavaScript : Intégration des fonctionnalités interactives natives de Bootstrap.
• Optimisation des performances : Meilleures pratiques pour des sites web rapides et légers.
• Gestion de la compatibilité multi-navigateurs : Assurer le bon fonctionnement sur tous les navigateurs.
• Conception de pages web complètes : Développement de pages fonctionnelles et modernes avec Bootstrap 5.

Type de formation

Non certifiante

Sortie

Sans niveau spécifique