Bootstrap reste le framework CSS le plus utilisé pour créer rapidement des interfaces web responsives et cohérentes. Cette formation vous apprend à exploiter le système de grille, les composants prêts à l’emploi et la personnalisation via Sass pour produire des sites professionnels adaptés à tous les écrans. Un gain de productivité immédiat pour tout projet front-end.

Public visé

Développeurs web souhaitant utiliser Bootstrap pour leurs projets.

Prérequis

Avoir suivi cette formation, ou en maîtriser les thèmes abordés :

Initiation à la programmation

Objectifs pédagogiques

À l’issue de cette formation, vous serez capable de :

Identifier les composants fournis par Bootstrap et les mettre en oeuvre pour développer des sites web responsives

Programme

Introduction

Historique du produit, licence
Les apports de Bootstrap
Navigateurs et dispositifs compatibles

Affichage

Définition de grilles
Gestion de contenus responsive (images, tableaux, schémas…)
Typographie, paramétrage des polices

Composants

Présentation des composants standards :
- Messages d’alertes
- Boutons
- Carrousels
- Barres de navigation…

Travaux pratiques

Réaliser un site de démonstration avec les composants classiques

Gestion des thèmes

Principe de Sass
Structure des fichiers
Modification des variables Sass par défaut
Configuration d’un thème personnalisé
Utilisation des fonctions Sass de gestion des couleurs et des contrastes
Principales options de Sass

Travaux pratiques

Importer des fichiers sources Sass

Accessibilité

Possibilités de Bootstrap
Compatibilité WCAG 2.0
Gestion des composants interactifs, du contraste…

JavaScript

Plugins basés sur jQuery, API JavaScript
Fonctionnalités disponibles

Travaux pratiques

Tester avec les plugins fournis en standard

Compléments

Fichiers CSS précompilés
Outils disponibles :
- Sources et fichiers compilés JSS et JavaScript
- Compilateur Sass
- BootstrapCDN
- Packages npm, yarn et RubyGems, Composer, NuGet…
Packs d’icônes, info-bulle (tooltip)

Modalités d’évaluation des acquis

En cours de formation, par des travaux pratiques. En fin de formation, par un questionnaire d’auto-évaluation.

Voir aussi

Vous serez peut-être intéressés par les formations suivantes :

Formation DEV-BOOTSTRAP-100 — Bootstrap 5.x. Domaine : Développement. Niveau : Initiation. Durée : 2 jours (14 heures). Mots-clés : bootstrap, css, responsive, web, frontend, initiation. Cylian Formation, Dijon.