CATALOGUE Code & Data Formation Bootstrap Apprendre Bootstrap - Le Framework Front-End

Introduction aux Plugins JavaScript de Bootstrap

Retour à la formation
Chapitre 5 Leçon 1
Précédent
Suivant

Découvrez comment utiliser les plugins JavaScript de Bootstrap, avec un focus sur les modals.

Détails de la leçon

Description de la leçon

Dans ce nouveau chapitre, nous allons explorer la partie JavaScript de Bootstrap. Nous allons découvrir plusieurs plugins et en exploiter certains pour notre site internet. Avant de vous faire une présentation individuelle, j'aimerais vous expliquer la logique d'utilisation commune de ces plugins. Sur la page JavaScript de Bootstrap, nous utiliserons les modals comme exemple pour illustrer nos propos. Les modals sont des fenêtres pop-up en surimpression que vous pouvez intégrer via deux méthodes principales : par les data attributes et par JavaScript. Nous privilégierons l'utilisation des data attributes pour cette formation. Apprenez à personnaliser vos modals et à gérer leurs comportements via des options et des événements jQuery.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de vous apprendre à manipuler les plugins JavaScript de Bootstrap en utilisant les data attributes et JavaScript, ainsi qu'à personnaliser les modals selon vos besoins spécifiques.

Prérequis pour cette leçon

Connaissance de base en HTML et CSS.
Compréhension des concepts fondamentaux de JavaScript et jQuery.

Métiers concernés

Utilisé dans les métiers de développeur web, concepteur UI/UX, et intégrateur front-end.

Alternatives et ressources

Alternatives possibles : Foundation, Materialize, jQuery UI.

Questions & Réponses

Une modal est une fenêtre pop-up qui s'affiche en surimpression de la page principale, utilisée pour afficher du contenu additionnel ou des messages.
Les deux méthodes sont : via les data attributes et via JavaScript/jQuery.
En utilisant JavaScript, en passant l'argument keyboard à false lors de l'initialisation de la modal.