Formation Bootstrap 5

Partager par mail
Imprimer

Mise à jour : 12/11/2024

Formation : 2487526F

Source : VIVANEO

Session de formation

Code CARIF

Dates

Niveau de sortie

Financeur

Lieu

Organisme formateur

Type

Réunion

264904S

Du 10/12/2024
Au 31/12/2025

Sans niveau spécifique

Autre financeur

Lille (59)

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

Non

Durée

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

Modalités de formation

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

Dispositif	Financeur
Offre privée Autres financements Financement à déterminer	Autre financeur
OPCO	OPCO

Tarif : N.C.
Modalités d'enseignement : Formation hybride

Lieu de formation

253 Boulevard de Leeds
59777 Lille

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 : 264904S
Référence formation : 2487526F
Code NSF : -
Formacode principal : 71904 - Framework Bootstrap
ROME associés : -

Organisme porteur de la formation

VIVANEO

Affichage téléphone organisme porteur

01 77 17 90 36

Affichage email organisme porteur

formation@vivaneo.fr

Lien d'accès vers la fiche de l'organisme

Voir la fiche de l'organisme et son potentiel de formation

Autres sessions de formation disponibles