Bootstrap 5
Date de mise à jour :
Identifiant Offre Info : 10_2463324F
Organisme responsable :
Vivaneo
(ouvre dans un nouvel onglet)
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.…
- 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.
- 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.
- 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.
- 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
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
21 rue gambetta25000 Besançon
Responsable : Ibis Besançon Centre Ville
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