Bootstrap
Bootstrap
- 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
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
- Savoir utiliser la documentation en ligne
- Comprendre les bases sur BootStrap
- Savoir créer un site web uniquement avec Bootstrap
Prérequis
Aucun prérequis, ce module s’adresse à tous.
Objectifs:
- Maîtriser les fonctionnalités essentielles d’Adobe InDesign pour la mise en page professionnelle.
- Acquérir une méthodologie de travail efficace pour concevoir des documents de qualité (brochures, magazines, affiches, catalogues).
- Développer des compétences adaptées aux besoins des entreprises en communication et édition.
- Se préparer et obtenir la certification TOSA InDesign, attestant du niveau de maîtrise du logiciel.
Durée: 9 heures
Modalités:
- 9 heures en E-learning
Délai d'accès:
Entrée en formation sous 2 semaines... ( délai de rétractation )
Méthodes mobilisées:
- Support vidéo et test
- fichiers pdf téléchargeables
- Exercices pendant le parcours
Modalités d'évaluation:
- Test de positionnement
-Quizz tout au long du parcours de formation
-Test final
Pour qui ?
Cette formation s’adresse à tous. En situation d'handicap ? Nous répondons à votre besoin !
Programme
- 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
Voici un QUIZZ de 20 questions afin de voir vos acquis sur Bootstrap
