Bootstrap

Introduction

• Introduction au Framework BootStrap

Gestion des bases

• Gestion des variables sur Bootstrap


• Gestion du conteneur (container)


• Gestion des points de ruptures (Breakpoints)


• Gestion du texte (Taille, style, forme, police)


• Gestion des images (taille, forme, apparence, responsive)


• Exercice pratique N°1


• Exercice pratique N°2

Gestion de contenu

• Gestion des tableaux(Taille, style, responsive, apparence)


• Gestion d'une figure

Gestion des utilitaires - Partie 01

• Gestion de la couleur(color)


• Gestion de l'arrière-plan (background)


• Gestion des bordures (border avec type, épaisseur et couleur)


• Gestion des liens (link avec type, épaisseur et couleur


• Gestion des ombres et opacité (Shadow et opacity)

Gestion des utilitaires - Partie 02

• Fonction display (d-block, d-inline)


• Fonction flex (toutes options)


• Fonction Overflow (dépassement en X et Y ou auto)


• Fonction Float (Flottaison à droite ou gauche)


• Gestion de l'espacement(Spacing: margin, padding, gap, gutters)


• Gestion de la position (Absolute, relative, static, sticky, fixed)


• Gestion du texte (taille, alignement, layer, type, forme)

Travaux pratique

• Travaux pratique (Exercice 03 - Mise en pratique de toute ce que l'on apprit pour l'instant)


• Travaux pratique (Exercice 04 - Mise en pratique des breakpoints)

Gestion des composants sans JavaScript

• Gestion des boutons et des badges


• Gestion d'une carte (card)


• Gestion des spinners et Progress (icône de chargement et barre de progression)


• Gestion du breadcrumb (fil d'ariane) et la pagination

Gestion des composants avec JavaScript

• Gestion de la navigation simple et complexe


• Gestion d'un carousel (diaporama d'images)


• Gestion des fonctions Collapse et Accordion


• Gestion de DropDows, Alert, Modal


• Gestion de ToolTips, Toasts

Gestion du formulaire

• Gestion des formes de contrôles, taille, forme,


• Gestion des sélections, bouton radio, checkbox


• Gestion du layout et de la validation

Finalité sur BootStrap 5.X - Mise en pratique

• Partie 01 - création du menu et la première partie du site web


• Partie 02 - création de la section Portfolio et du formulaire


• Partie 03 - Style du site web et conclusion

QUIZZ final

• Voici un QUIZZ de 20 questions afin de voir vos acquis sur Bootstrap

...

Voir la suite sur notre site web.