Bootstrap 5

Objectifs

• Maîtriser l'utilisation des composants de base de Bootstrap : Apprenez à exploiter les éléments essentiels tels que les boutons, les formulaires, les barres de navigation, et les fenêtres modales.
• Comprendre et appliquer le système de grille de Bootstrap : Découvrez comment organiser les éléments sur une page en utilisant la grille responsive de Bootstrap.
• Utiliser les classes de mise en forme de Bootstrap : Créez et stylisez des éléments comme des boutons, des formulaires, des barres de navigation, et des modals en utilisant les classes prédéfinies de Bootstrap.
• Intégrer les plugins JavaScript de Bootstrap : Ajoutez des fonctionnalités interactives telles que des carrousels, des accordéons, et des onglets en utilisant les plugins JavaScript fournis par Bootstrap.
• Personnaliser les styles avec Sass et CSS : Apprenez à adapter les styles de Bootstrap en utilisant des variables Sass et des règles CSS personnalisées.
• Créer un thème Bootstrap sur mesure : Développez un thème personnalisé pour votre projet en ajustant les variables Sass et en appliquant des règles CSS spécifiques.

Programme de la formation

Journée 1 : Introduction et Grille Bootstrap

• Introduction à Bootstrap 5 : Présentation générale, historique, avantages et inconvénients, installation, et éditeur de code utilisé.
• Travaux pratiques : Création d'un projet de base avec Bootstrap.
• Utilisation de la grille : Explication de la grille responsive de Bootstrap, classes de grille, et classes d'offset.
• Travaux pratiques : Conception d'une mise en page réactive en utilisant la grille de Bootstrap.

• Utilisation des composants : Présentation et utilisation des composants Bootstrap comme les navbars, boutons, et formulaires.
• Travaux pratiques : Création d'un site web de base en intégrant des composants Bootstrap.
• Personnalisation de Bootstrap : Exploration des options de personnalisation avec SASS et la surcharge de classes.
• Travaux pratiques : Amélioration du site web précédent en appliquant des personnalisations.

Validation et sanction

• Utiliser les composants de base de Bootstrap :
  
  • Intégration : Ajouter et configurer boutons, formulaires, barres de navigation, et fenêtres modales.
  • Interfaces : Créer des interfaces utilisateur cohérentes.
• Comprendre et utiliser le système de grille de Bootstrap :
  
  • Grille : Appliquer les classes pour organiser les éléments de manière responsive.
  • Mises en page : Concevoir des mises en page adaptatives.
• Utiliser les classes de mise en forme de Bootstrap :
  
  • Création : Créer et ajuster boutons, formulaires, barres de navigation, et modals.
  • Personnalisation : Adapter les éléments aux besoins du projet.
• Utiliser les plugins JavaScript de Bootstrap :
  
  • Fonctionnalités : Ajouter carrousels, accordéons, et onglets.
  • Paramétrage : Configurer les plugins pour améliorer l'interaction.
• Personnaliser les styles de Bootstrap :
  
  • Modification : Adapter l'apparence avec Sass et CSS personnalisées.
  • Cohérence : Maintenir une cohérence visuelle et fonctionnelle.
• Créer un thème Bootstrap personnalisé :
  
  • Développement : Créer un thème sur mesure avec Sass et CSS.
  • Personnalisation : Concevoir une identité visuelle unique.

Type de formation

Non certifiante

Sortie

Sans niveau spécifique