Aller au contenu principal

Bootstrap 5

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

Nouvelle recherche

Présentation de la formation

Objectifs

Maîtriser l'utilisation des composants fondamentaux de Bootstrap. Comprendre les principes de la grille de Bootstrap et leur application pour structurer les éléments sur une page. Apprendre à utiliser les classes de style de Bootstrap pour concevoir des boutons, des formulaires, des barres de navigation, des modales, etc. Découvrir comment intégrer les plugins JavaScript de Bootstrap pour ajouter des fonctionnalités telles que des carrousels, des accordéons, des onglets, etc.…

  • Maîtriser l'utilisation des composants fondamentaux de Bootstrap.
  • Comprendre les principes de la grille de Bootstrap et leur application pour structurer les éléments sur une page.
  • Apprendre à utiliser les classes de style de Bootstrap pour concevoir des boutons, des formulaires, des barres de navigation, des modales, etc.
  • Découvrir comment intégrer les plugins JavaScript de Bootstrap pour ajouter des fonctionnalités telles que des carrousels, des accordéons, des onglets, etc.
  • Apprendre à personnaliser les styles de Bootstrap en utilisant des variables Sass et des règles CSS sur mesure.
  • S'initier à la création d'un thème Bootstrap personnalisé pour un projet à l'aide des variables Sass et des règles CSS personnalisées.

Programme de la formation

Module 1 : Introduction à Bootstrap 5 Présentation de Bootstrap Historique et évolution de Bootstrap. Avantages et inconvénients de l'utilisation de Bootstrap. Installation de Bootstrap Introduction à l'éditeur de code utilisé pendant la formation. Travaux pratiques Création d'un projet de base avec Bootstrap. Module 2 : Utilisation de la grille de Bootstrap Introduction à la grille de Bootstrap Présentation des principes de la grille.…

Module 1 : Introduction à Bootstrap 5
  • Présentation de Bootstrap
    • Historique et évolution de Bootstrap.
    • Avantages et inconvénients de l'utilisation de Bootstrap.
  • Installation de Bootstrap
    • Introduction à l'éditeur de code utilisé pendant la formation.
  • Travaux pratiques
    • Création d'un projet de base avec Bootstrap.
Module 2 : Utilisation de la grille de Bootstrap
  • Introduction à la grille de Bootstrap
    • Présentation des principes de la grille.
    • Utilisation des classes de grille pour élaborer des mises en page réactives.
    • Application des classes d'offset pour décaler les colonnes.
  • Travaux pratiques
    • Création d'une mise en page réactive en utilisant la grille de Bootstrap.
Module 3 : Utilisation des composants de Bootstrap
  • Présentation des composants de Bootstrap
    • Exploration des composants clés (navbar, boutons, formulaires, etc.).
    • Intégration des composants pour concevoir des éléments d'interface utilisateur.
  • Travaux pratiques
    • Élaboration d'un site web de base en utilisant les composants de Bootstrap.
Module 4 : Personnalisation de Bootstrap
  • Options de personnalisation de Bootstrap
    • Introduction aux variables SASS et à la surcharge de classes.
    • Application des options pour adapter l'apparence de Bootstrap à vos besoins.
  • Travaux pratiques
    • Amélioration du site web créé précédemment grâce aux options de personnalisation.

Validation et sanction

  • Compréhension des concepts fondamentaux de Bootstrap :
    • Connaissance de l'historique, des avantages et des inconvénients.
  • Maîtrise de l'installation et de la configuration :
    • Capacité à installer Bootstrap et à configurer un environnement de développement.
  • Compétence dans l'utilisation de la grille :
    • Création de mises en page réactives en utilisant la grille de Bootstrap.
  • Utilisation efficace des composants :
    • Intégration de composants Bootstrap (navbar, boutons, formulaires, etc.) dans des projets.
  • Personnalisation des styles :
    • Adaptation des styles de Bootstrap à l'aide de variables SASS et de règles CSS personnalisées.
  • Création d'un projet complet :
    • Réalisation d'un site web fonctionnel utilisant les connaissances acquises.
  • Capacité à appliquer les connaissances à des projets futurs :
    • Application des compétences en Bootstrap à de nouveaux projets de développement web.

Type de formation

Non certifiante

Niveau de sortie

Sans niveau spécifique

Durée, rythme, financement

Durée

En centre

14 h

Financement

Conventionnement
Non
Financeur
  • Entreprise

    Programme : Accessible en formation professionnelle continue hors alternance

Conditions d'accès

Public visé

  • Tout public

Niveau d'entrée

Sans niveau spécifique

Conditions spécifiques et prérequis

- Connaissances fondamentales en HTML et CSS - Posséder un ordinateur avec un éditeur de code installé - Des notions 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

64e Rue Sully
21000 Dijon

Responsable : Hope !

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