03 20 61 95 00

Formation Bootstrap 5


  • FB5
  • Durée : 3 jours
  • Tarif : 1445 € HT

90%

Taux de satisfaction clients
(sur 201 évaluations entre le 19/05/21 et le 10/12/21)

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
Être à même d’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

Public

Développeur Web, Webdesigner et Webmaster

enveloppe Cette formation vous intéresse ? Contactez-nous

A distance / Classe virtuelle

En classe virtuelle, vous êtes en totale immersion avec le groupe et participez à la formation dans les mêmes conditions que le présentiel : cours théorique, travaux pratiques, échanges en temps réel avec le formateur et les autres stagiaires…

Notre formateur

La formation est animée par un professionnel de l'informatique et de la pédagogie, dont les compétences techniques, professionnelles et pédagogiques ont été validées par des certifications et/ou testées et approuvées par les éditeurs et/ou notre équipe pédagogique. Il est en veille technologique permanente et possède plusieurs années d'expérience sur les produits, technologies et méthodes enseignés. Il est présent auprès des stagiaires pendant toute la durée de la formation.

Un cadre Maîtrisé

4 à 6 participants maximum par session pour respecter les objectifs et résultats attendus et pour permettre la réalisation de tous les ateliers pratiques dans de bonnes conditions.
illustration-formation
Les + d'une formation Access it
Des formations d'excellence, éligibles CPF, disponibles en distanciel, et animées par des consultants experts passionnés par leur métier.
En savoir plus
modules

Les Modules
de formation

Module 1
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
Module 2
Le pré-processeur SASS
Qu’est-ce qu’un pré-processeur ?
● Avantages de SASS
● SASS et Bootstrap 5
● Variables et mixins
Module 3
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
Module 4
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
Module 5
Les contenus HTML et CSS

● Titres, et mise en pages du texte

● Les Images responsives
● Tableaux et liste d’éléments
Module 6
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
Module 7
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
Tabulations
Module 8
Ateliers & intégration

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

Introduction à WebPack 
Utiliser Bootstrap  avec Angular 
Utiliser Bootstrap  avec Symfony 

Cette formation vous intéresse ? Contactez-nous !

    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’Acscq. 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://www.access-it.fr/politique-de-confidentialite/