Currently Empty: 0 €
Cette formation vous initiera à l’utilisation du Framework Bootstrap 5.X, permettant de créer des sites web responsifs et modernes. En 8h 57mins, vous apprendrez les bases et avancées de Bootstrap, incluant la gestion des composants et des utilitaires.
- 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 pratiques :
- Exercice 03 – Mise en pratique de toute ce que l’on a appris pour l’instant
- 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
Objectifs de la formation
- Savoir utiliser la documentation en ligne
- Comprendre les bases de BootStrap
- Savoir créer un site web uniquement avec Bootstrap
Programme de la formation
- Introduction
- Gestion des bases
- Gestion de contenu
- Gestion des utilitaires
- Travaux pratiques
- Gestion des composants sans JavaScript
- Gestion des composants avec JavaScript
- Gestion du formulaire
- Finalité sur BootStrap 5.X – Mise en pratique
- QUIZZ final