Formation Bootstrap 5

FB5
Durée : 3 jours
Tarif : 1350 € HT

96%

Taux de satisfaction clients
(sur 1645 évaluations du 19/05/21 au 28/02/25)

Voir les avis

Objectifs

A l’issue de la formation, l’apprenant sera capable de :
Présenter les différentes fonctionnalités afin de vous permettre de maîtriser Bootstrap 5

Adapter vous-même le code source de Bootstrap 5
Intégrer votre propre design grâce à Bootstrap

L’utiliser comme socle fondateur dans vos sites web

Certification

Prérequis

Connaissances en HTML/CSS
Un entretien en amont avec notre expert permet de prendre en compte le profil de chaque participant (niveau, objectifs et résultats attendus, contexte professionnel, enjeux…) et d’adapter le contenu de la formation si besoin.

Cette formation ne peut être financée que dans le cadre d’un projet d’entreprise (prise en charge entreprise ou OPCO). Les dossiers à financement personnel et CPF ne sont pas pris en compte.

Public

Développeur Web, Webdesigner et Webmaster

Formation(s) associée(s)

Formation SASS

Dernière mise à jour

Programme mis à jour le 18 octobre 2024

Cette formation vous intéresse ? Contactez-nous

Bon à savoir

Evaluez votre niveau

Pour vous aider à bien choisir votre formation, nous vous proposons soit un entretien avec le formateur soit un test d’évaluation. Cela vous assurera que vous disposez des connaissances nécessaires pour suivre la formation dans des conditions optimales.

Sessions garanties

La majorité de nos sessions proposées en distanciel sont garanties. Elles peuvent être enregistrées à la demande.

Travaux pratiques

Nos formations comprennent de nombreux travaux pratiques pour un meilleur apprentissage (60 % de pratique). Nous proposons également de travailler sur vos données pour une meilleure expérience.

Télécharger la fiche de cette formation

Les Modules
de formation

Module1

Introduction

● Qu’est-ce qu’un framework CSS ?

● Évolution des technologies web : rappels sur HTML5 / CSS3

● Les alternatives à bootstrap

● Pourquoi utiliser bootstrap ?

● Mise en place de Bootstrap dans son projet

Module2

Le pré-processeur SASS

Qu’est-ce qu’un pré-processeur ?

● Avantages de SASS

● SASS et Bootstrap 5

● Variables et mixins
● Génération d’un fichier css à partir d’un fichier scss
● Personnalisation des variables et héritage des classes Bootstrap

Module3

La magie des Utilities

● Utilities layout, flexbox , float, clearfix, position, visibilité & display

● Utilities borders

● Utilities overflow

● Utilities couleurs

● Utilities shadow

● Utilities sizing & spacing

● Utilities textes

● Utilities alignement

Module4

La mise en pages avec la grille

● Principe de structuration et d’intégration

● Faire une mise en pages responsive

● Passage en revue des responsive breakpoints (différentes tailles d’écran)

● Du pixel au root em (rem)

● Mise en place de la grille

● Container, Row, Columns

● Utilisation de Flexbox avec la grille Bootstrap

Module5

Les contenus HTML et CSS

● Titres, et mise en pages du texte

● Les Images responsives

● Tableaux et liste d’éléments

Module6

Les composants HTML et CSS

Bootstrap intègre de nombreux composants, facilitant toutes les parties de la création d’une page :

● Navs et Navbars pour la navigation

● Breadcrumb ou fil d’Ariane

● Medias objects

● Cards

● Les listes

● Boutons, groupes de boutons et boutons déroulants

● Pagination

● Formulaires et Inputs

● Les alertes

● Un peu de déco : les badges, les spinners

● Jumbotron

● Lecteurs vidéos et audios personnalisés

● Intégrer du CSS personnalisé dans votre projet

Module7

Utiliser Bootstrap avec Javascript Et jQuery

Bootstrap possède aussi de nombreux composants tirant parti de JavaScript pour proposer une plus grande interactivité, et flexibilité via l’utilisation de scripts personnalisés.

● Carrousels de photos, accordéons

● Collapse elements

● Modals ou Boîtes modales

● Popovers

● Progress ou Barre de progression

● Scrollspy

● Toasts

● Tooltips

● Menus déroulants

Module8

Ateliers & intégration

● Intégration d’une maquette pour un site full responsive

● Mise en place et Configuration d’un projet WebPack

● Utilisation de Bootstrap en WebPack

Les prochaines
sessions de formation

Sur demande

Vous souhaitez organiser cette formation à une date spécifique ?Contactez-nous en remplissant le formulaire ci-dessous

10 juin 2025

11 août 2025

06 octobre 2025

24 novembre 2025

Cette formation vous intéresse ? Contactez-nous !

Nom*

Prénom*

Entreprise (facultatif)

Téléphone

E-mail*

Votre message*

Les données personnelles collectées sont destinées à Access IT Company et utilisées pour traiter votre demande et, lorsque vous ne vous y êtes pas opposé, vous communiquer nos offres commerciales. Les données obligatoires vous sont signalées sur le formulaire par un astérisque. L’accès aux données est strictement limité par Access IT Company aux collaborateurs en charge du traitement de votre demande. Conformément au Règlement européen n°2016/679/UE du 27 avril 2016 sur la protection des données personnelles et à la loi « informatique et libertés » du 6 janvier 1978 modifiée, vous bénéficiez d’un droit d’accès, de rectification, d’effacement, de portabilité et de limitation du traitement des donnés vous concernant ainsi que du droit de communiquer des directives sur le sort de vos données après votre mort. Vous avez également la possibilité de vous opposer au traitement des données vous concernant. Vous pouvez exercer vos droits en contactant le DPO à l’adresse suivante : [email protected] ou à l’adresse postale suivante 2, Allée Lavoisier, 59650 Villeneuve d’Ascq. Pour plus d’informations sur le traitement de vos données personnelles par Access IT Company, veuillez consulter notre politique de confidentialité disponible sur notre site internet à l’adresse suivante : https://formation.access-it.fr/politique-de-confidentialite/