Framework BOOTSTRAP
Objectifs de la formation : Savoir utiliser la documentation en ligne Comprendre les bases sur BootStrap Savoir créer un site […]
Description du cours
Objectifs de la formation :
- Savoir utiliser la documentation en ligne
- Comprendre les bases sur BootStrap
- Savoir créer un site web uniquement avec Bootstrap
Les points forts de la formation :
- Certifications possibles sur RS ou RNCP.
- 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
Contenu de la formation :
Vous apprendrez les bases sur le framework BootStrap
Vous serez où chercher l’information afin de configurer vos différents éléments
Vous serez capable de créer un site entièrement fait avec BootStrap 5.X
Vous serez où chercher l’information afin de configurer vos différents éléments
Vous serez capable de créer un site entièrement fait avec BootStrap 5.X
Programme de formation :
- 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 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 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 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)
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 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 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
