Bootstrap

Objectifs

Le programme vous permettera de :

• Savoir créer une page web statique (dit site vitrine).


• Savoir et comprendre et interpréter le langage HTML5 et CSS3.


• Apprendre quelques connaissances sur l'apprentissage d'un CMS de type WordPress.


• Savoir programmer en Javascript

Programme de la formation

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.

 

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique