Bootstrap 5

Objectifs

Maîtriser l'utilisation des composants de base de Bootstrap.
Comprendre le système de grille de Bootstrap pour organiser efficacement les éléments d'une page.
Utiliser les classes de style de Bootstrap pour créer des éléments interactifs tels que des boutons, formulaires, navbars, et modals.
Exploiter les plugins JavaScript de Bootstrap pour ajouter des fonctionnalités dynamiques (carrousels, accordéons, onglets, etc.).
Personnaliser les styles de Bootstrap en modifiant les variables Sass et en ajoutant des règles CSS personnalisées.
Créer un thème Bootstrap unique pour un projet en intégrant des variables Sass et des règles CSS adaptées.

Programme de la formation

Module 1 : Introduction à Bootstrap 5
Présentation générale de Bootstrap : historique, avantages et inconvénients.
Installation et configuration de Bootstrap pour un projet.
Découverte de l'éditeur de code utilisé tout au long de la formation.
Travaux pratiques : création d'un projet de base avec Bootstrap.
Module 2 : Maîtrise de la grille Bootstrap
Comprendre le système de grille réactive de Bootstrap.
Utilisation des classes de grille pour organiser et structurer les mises en page.
Apprentissage des classes d'offset pour ajuster les colonnes.
Travaux pratiques : création d'une mise en page réactive avec la grille Bootstrap.
Module 3 : Utilisation des composants de Bootstrap
Présentation des principaux composants : navbar, boutons, formulaires, cartes, modals, etc.
Intégration des composants dans des interfaces utilisateur pour créer des éléments interactifs.
Travaux pratiques : création d'un site web de base en utilisant les composants Bootstrap.
Module 4 : Personnalisation de Bootstrap
Exploration des options de personnalisation : variables Sass, surcharge de classes CSS.
Utilisation des outils pour modifier l'apparence et adapter Bootstrap à un projet spécifique.
Travaux pratiques : personnalisation et amélioration du site web précédemment créé.

Validation et sanction

Maîtrise des fondamentaux de Bootstrap 5.
Création de mises en page réactives grâce au système de grille Bootstrap.
Utilisation efficace des composants prêts à l'emploi pour concevoir des interfaces utilisateur modernes.
Personnalisation de l'apparence de Bootstrap à l'aide de variables Sass et de règles CSS.
Intégration des plugins JavaScript de Bootstrap pour ajouter des fonctionnalités interactives.
Création d'un site web complet et réactif en utilisant Bootstrap 5.
Capacité à adapter Bootstrap aux besoins spécifiques d'un projet.

Type de formation

Non certificiante

Sortie

Information non communiquée

Code Rome

Modalités pédagogiques

Durée

14 heures en centre

Conventionnement : Non

Financeur(s)

Public(s)

Tout public

Modalités de recrutement et d'admission

Niveau d'entrée : Information non communiquée

Conditions spécifiques et prérequis

Maîtriser les bases de HTML et CSS. Disposer d'un ordinateur équipé d'un éditeur de code. Une connaissance de base en JavaScript est un atout.

Modalités d'accès

formation entièrement présentielle

Adresse

Les Docks - Atrium 10.6
13000 - Marseille

Responsable :
Téléphone fixe : 01 77 17 90 36
Contacter l'organisme

Contact sur la formation

28 rue du chemin vert
75011 - Paris 11e

Responsable : Monsieur Mickael MASSET
Téléphone fixe : 01 77 17 90 36
fax :
Site web : https://formation.vivaneo.fr/
Contacter l'organisme

Contacter l'organisme formateur

Vivaneo
SIRET: 51017673800043
75011 Paris 11e
Responsable : MASSET
Téléphone fixe : 01 77 17 90 36
Site web : https://formation.vivaneo.fr/
Contacter l'organisme

du 23/12/2024 au 31/12/2025
débutant le : 23/12/2024

Adresse d'inscription

Les Docks - Atrium 10.6
13000 - Marseille

Etat du recrutement : Information non disponible
Modalités : Entrées/sorties permanentes

Vivaneo
SIRET : 51017673800043

Adresse

28 rue du chemin vert
75011 - Paris 11e

Téléphone fixe : 01 77 17 90 36
Contacter l'organisme