CATALOGUE Code & Data Formation Bootstrap Apprendre Bootstrap Introduction aux Plugins JavaScript de Bootstrap

Introduction aux Plugins JavaScript de Bootstrap

Présentation de la logique de fonctionnement commune

Vidéo non disponible ! Réessayez plus tard

2h 58min

23 leçons

4,0

Transcription

49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

DescriptionProgrammeAvis

2h 58min

23 leçons

4,0

49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

Manipulation des Modals avec Bootstrap

Objectifs

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.

Résumé

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

Description

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.

Questions - réponses

Qu'est-ce qu'une modal dans Bootstrap?

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.

Quels sont les deux méthodes pour manipuler les modals de Bootstrap?

Les deux méthodes sont : via les data attributes et via JavaScript/jQuery.

Comment peut-on désactiver la fermeture de la modal par la touche Échappe?

En utilisant JavaScript, en passant l'argument keyboard à false lors de l'initialisation de la modal.

Programme détaillé

Accueil de la formation

Module 1 - Introduction

Présentation de Bootstrap et de la formation 02:05

Découvrir les outils nécessaires 03:55

Télécharger et découvrir les fichiers de Bootstrap 03:53

Différentes façons de charger Bootstrap 07:30

Module 2 - Explication de la grille

Découvrir la logique de Bootstrap 14:57

Savoir utiliser les préfixes xs - sm - md -lg 07:10

Découvrir les autres class 09:32

Module 3 - Mettre du style

Personnaliser facilement le texte 10:26

Styliser vos tableaux 07:10

Utiliser les boutons déjà stylisés 09:12

Découvrir toutes les class très pratiques 12:02

Gérer le responsive uniquement avec des class 07:05

Module 4 - Utiliser les composants prêt à l’emploi

Construire un menu responsive 14:20

Insérer des icônes 03:56

Mettre en place un Beadcrumbs et une pagination 10:12

Ajouter des label et badges 03:32

Insérer une vidéo en responsive (embed) 04:47

Module 5 - Utiliser les composants JavaScript

Présentation de la logique de fonctionnement commune 03:26

Afficher des modals 05:02

Afficher des tooltip et popover dans votre contenu 08:36

Gérer l’affichage du contenu avec les Tabs et Collapse 13:20

Ajouter et configurer un carousel 11:34

Utiliser le scrollspy pour activer les éléments du menu en fonction du scroll 04:54

1 commentaire

4,0

1 vote

stephd

Il y a 4 years

Commentaire

tres bonne formation c est une bonne decouverte generale.