Framework BOOTSTRAP 5.X

• Savoir interpréter le langage HTML5 et CSS et accessoirement savoir faire un site web.
• Savoir chercher l'information pour une nouvelle balise, une nouvelle fonction ou nouvelle technique grâce aux différents sites Web et outils que je vous présente au fur et à mesure de la formation.
• Savoir utiliser les fonctions et mot clefs de bootstrap
• Créer un site web entièrement fait avec Bootstrap
• • Savoir utiliser la documentation en ligne
  • Comprendre les bases sur BootStrap
  • Savoir créer un site web uniquement avec Bootstrap

• Test de positionnement

Un petit Quizz de 5 questions 

• Module Ressources

Module Ressources (fichier zippé)

• 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

• Evolution 2024

Histoire d'aller encore, plus loin, vous trouverez une vidéo afin de vous montrer mon site web fait avec la technologie Boostrap 5.X

• QUIZZ final