Formation Bootstrap 5

Partager par mail
Imprimer

Mise à jour : 25/11/2025

Formation : 2487526F

Source : VIVANEO

Session de formation

Code CARIF

Dates

Niveau de sortie

Financeur(s)

Lieu

Organisme formateur

Type

Réunion

463068S

Se rapprocher de l'organisme pour connaitre la prochaine session

Sans niveau spécifique

Autre financeur, OPCO

Dunkerque (59)

VIVANEO
Tél : 01 77 17 90 36
Email : formation@vivaneo.fr

Non

Durée

Durée totale de la formation : 14h
Durée en centre : 14h
Durée en entreprise : h

Modalités de formation

Rythme :
Temps partiel, Temps plein, Cours de jour
Type de parcours : Parcours individualisé

Dispositif	Financeur
Financements à déterminer selon la situation du bénéficiaire	Autre financeur
OPCO Entreprises	OPCO

Tarif : N.C.
Modalités d'enseignement : Formation entièrement présentielle

Lieu de formation

15 Rue du Jeu de Mail
59140 Dunkerque

Accueil sur le lieu de formation

Accès handicap : Pas d'accès handicap
Hébergement : Pas d'hébergement
Restauration : Pas de restauration
Transport : Pas de transport

Admission

Niveau d'entrée requis : Sans niveau spécifique
Prérequis :
- Connaissances fondamentales en HTML et CSS. - Disposer d'un ordinateur avec un éditeur de code installé. - Des connaissances de base en JavaScript sont un atout.
Public :
En activité professionnelle, Salarié
En recherche d'emploi, Tout public

Réunions d'informations

Aucune information

Complément d'information

Aucune information

Objectifs de la formation

Maîtriser l’utilisation des composants de base de Bootstrap.
Comprendre le système de grille de Bootstrap et savoir comment l’exploiter pour structurer les éléments d’une page.
Apprendre à utiliser les classes de mise en forme de Bootstrap pour créer des boutons, des formulaires, des barres de navigation (navbars), des modals, etc.
Savoir intégrer les plugins JavaScript de Bootstrap pour ajouter des fonctionnalités interactives, comme les carrousels, les accordéons, les onglets (tabs), etc.
Apprendre à personnaliser l’apparence de Bootstrap en modifiant les variables Sass et en appliquant des règles CSS sur mesure.
Savoir créer un thème Bootstrap personnalisé pour un projet en utilisant les variables Sass et en ajustant les règles CSS.

Contenu pédagogique

Module 1 : Introduction à Bootstrap 5

Objectifs : Comprendre ce qu'est Bootstrap, ses avantages et comment l'installer.
Contenu :
- Historique de Bootstrap
- Installation via CDN ou gestionnaire de paquets
- Introduction à l'éditeur de code
Pratique : Création d'un projet de base avec Bootstrap.

Module 2 : La grille de Bootstrap

Objectifs : Utiliser le système de grille pour créer des mises en page réactives.
Contenu :
- Classes col-*, row et points de rupture
- Classes d'offset pour décaler les colonnes
Pratique : Création d’une mise en page réactive.

Module 3 : Composants Bootstrap

Objectifs : Maîtriser les composants essentiels de Bootstrap (navbar, boutons, formulaires, etc.).
Contenu :
- Introduction aux composants de base
- Composants interactifs (modals, carrousels, etc.)
Pratique : Création d'une page avec composants de base.

Module 4 : Personnalisation de Bootstrap

Objectifs : Personnaliser Bootstrap avec SASS et CSS.
Contenu :
- Modification des variables SASS
- Surcharge des classes CSS
Pratique : Personnalisation du thème de Bootstrap.

Module 5 : Plugins JavaScript de Bootstrap

Objectifs : Ajouter des fonctionnalités interactives avec les plugins JavaScript de Bootstrap.
Contenu :
- Intégration de plugins comme carrousels, accordéons, etc.
Pratique : Création d'une interface avec des plugins.

Module 6 : Projet complet avec Bootstrap

Objectifs : Appliquer les compétences acquises pour créer un site web complet.
Contenu :
- Structure du site avec la grille
- Utilisation des composants et personnalisation
Pratique : Développement d'un site web complet.

Module 7 : Optimisation et bonnes pratiques

Objectifs : Optimiser la performance et l’accessibilité d'un projet Bootstrap.
Contenu :
- Minification des fichiers
- Bonnes pratiques d’accessibilité et de performance
Pratique : Amélioration du projet final.

Métiers visés

Insertion dans l'emploi

Aucune donnée n'est encore disponible pour cette formation

Informations complémentaires

Numéro Carif : 463068S
Référence formation : 2487526F
Code NSF : -
Formacode principal : 71904 - Framework Bootstrap
ROME associés : -