Aller au contenu principal

Formation Bootstrap 5

Date de mise à jour :
Identifiant Offre Info : 20_2487526F
Organisme responsable : VIVANEO (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

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…

  • 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.

Programme de la formation

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…

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.

Validation et sanction

  • Maîtrise de la grille Bootstrap pour créer des mises en page réactives.
  • Utilisation des composants Bootstrap (navbar, boutons, formulaires, modals, etc.).
  • Personnalisation via SASS pour ajuster l'apparence (couleurs, typographies, espacements).
  • Création de sites responsives adaptés à toutes tailles d'écran.
  • Intégration des plugins JavaScript de Bootstrap (carrousels, accordéons, etc.).
  • Développement d'un projet complet en utilisant Bootstrap.
  • Optimisation des performances et respect des bonnes pratiques (accessibilité, minification).

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

14 h

Financement

Conventionnement
Oui
Financeurs
  • Autre

    Programme : Financements à déterminer selon la situation du bénéficiaire, OPCO Entreprises

  • OPCO

    Programme : Financements à déterminer selon la situation du bénéficiaire, OPCO Entreprises

Conditions d'accès

Publics visés

  • Salarié
  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et 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.

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement en présentielle

Adresse

15 Rue du Jeu de Mail
59140 Dunkerque

Responsable : Work et Co Dunkerque

Périodes prévisibles de déroulement des sessions

Début

Fin

Adresse d'inscription
28 Rue du Chemin Vert
75011 Paris 11e
État du recrutement
Ouvert
Modalités
Entrées / Sorties à dates permanentes