Skip to Content
BootstrapPartie 10 — Le JavaScript de BootstrapVue d'ensemble

Partie 10 — Le JavaScript de Bootstrap

⏱️ TL;DR — Le JS de Bootstrap 5 est écrit en modules ES vanilla (fini jQuery). Deux façons de l’utiliser : la Data API (attributs data-bs-*, zéro ligne de JS) et l’API programmatique (new bootstrap.Modal(...), .show(), .hide()). Des événements (shown.bs.modal…) permettent de réagir. Popper gère le positionnement des composants flottants.

🎯 Ce que vous saurez faire

  • Choisir entre data-attributes et API JS.
  • Réagir aux événements des composants.
  • N’importer que les plugins nécessaires.
  • Comprendre pourquoi jQuery a disparu.

🗂️ Les chapitres

#ChapitreEn un mot
10.1Data API vs API programmatiqueLes deux modes d’emploi
10.2Les événementsshow/shown/hide/hidden.bs.*
10.3Bundle, plugins & PopperImports et dépendances
10.4Le monde sans jQueryCe qui a changé en v5

Premier chapitre : 10.1 — Data API vs API programmatique

9.3 — Piloter le mode en JavaScript10.1 — Data API vs API programmatique