Aller au contenu principal

Bootstrap 5

Date de mise à jour :
Identifiant Offre Info : 04_2452491F
Organisme responsable : Vivaneo (ouvre dans un nouvel onglet)

Nouvelle recherche

Présentation de la formation

Objectifs

Apprendre à utiliser les composants de base de Bootstrap Comprendre les principes de grille de Bootstrap et comment les utiliser pour organiser les éléments sur une page Apprendre à utiliser les classes de mise en forme de Bootstrap pour créer des boutons, des formulaires, des navbars, des modals, etc. Comprendre comment utiliser les plugins JavaScript de Bootstrap pour ajouter des fonctionnalités telles que les carrousels, les accordéons, les tabs, etc. Apprendre à personnaliser les styles de…

  • Apprendre à utiliser les composants de base de Bootstrap
  • Comprendre les principes de grille de Bootstrap et comment les utiliser pour organiser les éléments sur une page
  • Apprendre à utiliser les classes de mise en forme de Bootstrap pour créer des boutons, des formulaires, des navbars, des modals, etc.
  • Comprendre comment utiliser les plugins JavaScript de Bootstrap pour ajouter des fonctionnalités telles que les carrousels, les accordéons, les tabs, etc.
  • Apprendre à personnaliser les styles de Bootstrap en utilisant les variables Sass et les règles CSS personnalisées.
  • Apprendre à créer un thème Bootstrap personnalisé pour un projet en utilisant les variables Sass et les règles CSS personnalisées

Programme de la formation

Journée 1 Introduction à Bootstrap 5 Présentation de Bootstrap Historique de Bootstrap Avantages et inconvénients de Bootstrap Installation de Bootstrap Présentation de l'éditeur de code que nous allons utiliser durant la formation Travaux pratiques : création d'un projet de base avec Bootstrap Utilisation de la grille de Bootstrap Présentation de la grille de Bootstrap Utilisation des classes de grille pour créer des mises en page réactives Utilisation des classes d'offset…

Journée 1
Introduction à Bootstrap 5
  • Présentation de Bootstrap
  • Historique de Bootstrap
  • Avantages et inconvénients de Bootstrap
  • Installation de Bootstrap
  • Présentation de l'éditeur de code que nous allons utiliser durant la formation
  • Travaux pratiques : création d'un projet de base avec Bootstrap
Utilisation de la grille de Bootstrap
  • Présentation de la grille de Bootstrap
  • Utilisation des classes de grille pour créer des mises en page réactives
  • Utilisation des classes d'offset pour décaler les colonnes
  • Travaux pratiques : création d'une mise en page réactive à l'aide de la grille de Bootstrap
Journée 2
Utilisation des composants de Bootstrap
  • Présentation des composants de Bootstrap (navbar, boutons, formulaires, etc.)
  • Utilisation des composants pour créer des éléments communs dans les interfaces utilisateur
  • Travaux pratiques : création d'un site web de base avec des composants de Bootstrap
Personnalisation de Bootstrap
  • Présentation des options de personnalisation de Bootstrap (variables SASS, surcharge de classe, etc.)
  • Utilisation des options pour personnaliser l'apparence de Bootstrap
  • Travaux pratiques : amélioration du site web créé précédemment

Validation et sanction

  • Maîtrise des bases de Bootstrap 5 : Compréhension de la structure, des grilles, et des classes utilitaires.
  • Création de sites web responsives : Conception de sites adaptatifs pour tous les types d'appareils.
  • Utilisation des composants Bootstrap : Intégration et personnalisation des composants prêts à l'emploi.
  • Personnalisation de l'apparence : Utilisation des variables Sass pour personnaliser les styles.
  • Utilisation des utilitaires Bootstrap : Application rapide de styles avec les classes utilitaires.
  • Création de formulaires complexes : Conception de formulaires interactifs et accessibles.
  • Utilisation avancée des plugins JavaScript : Intégration des fonctionnalités interactives natives de Bootstrap.
  • Optimisation des performances : Meilleures pratiques pour des sites web rapides et légers.
  • Gestion de la compatibilité multi-navigateurs : Assurer le bon fonctionnement sur tous les navigateurs.
  • Conception de pages web complètes : Développement de pages fonctionnelles et modernes avec Bootstrap 5.

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 : Autre dispositif, Plan de développement des compétences

  • Bénéficiaire de l'action

    Programme : Autre dispositif, Plan de développement des compétences

  • Entreprise

    Programme : Autre dispositif, Plan de développement des compétences

  • OPCO

    Programme : Autre dispositif, Plan de développement des compétences

Conditions d'accès

Publics visés

  • Salarié
  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

-

Lieu de réalisation de l'action

Modalités d'enseignement

Formation entièrement en présentielle

Adresse

Rue de la Brigantine
50100 Cherbourg-en-Cotentin

Responsable : Hôtel Chantereyne

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