Marque de Clem’S Project

Contact

Marque de Clem’S Project

Durée

8 heures

Prix

420 €

Inscription à la formation par email

Formulaire de contact

BOOTSTRAP 5.X

Cette formation complète sur Bootstrap 5.X vous permet de maîtriser la création d’interfaces web modernes et responsives sans effort. De la gestion des bases (texte, images, containers) à l’utilisation avancée des composants interactifs (modals, carrousels, tooltips), vous apprendrez à concevoir des pages web dynamiques, structurées et esthétiques, avec ou sans JavaScript.

Contenu 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, 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, épaisseuret couleur)
  • Gestion des liens (link avec type, épaisseur et couleur)
  • Gestion des ombres et opacité (Shadow et opacity)
  • GESTION DES UTILITAIRES PARTIE 2
  • 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
  • Gestion des composants sans JavaScript
  • Gestion des boutons et des badges
  • Gestion d’une carte (card)
  • Gestion des spinners et progress
  • 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, Taosts
  • 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
  • FINALITE SUR BOOTSTRAP 5.X MISE EN PRATIQUE

Objectifs pédagogiques

  • Comprendre la structure et les principes du Framework Bootstrap
  • Maîtriser les utilitaires de style et de positionnement pour un design responsive
  • Savoir intégrer et personnaliser les composants avec ou sans JavaScript
  • Concevoir une interface web complète en utilisant Bootstrap 5.X

Public visé

Cette formation s’adresse à tous publique professionnels et particuliers souhaitant améliorer leurs connaissances.

Prérequis

Notion de l’environnement informatique et maitriser le Français.

Moyens techniques

Accès au cours en ligne

Cours théorique au format vidéo

Accessible via un ordinateur ou une tablette

Assistance par téléphone et/ou tablette

Modalités d’évaluations Stagiaire

Auto- évaluation sous forme de questionnaires Exercices sous forme d’ateliers pratiques Questionnaire de positionnement et évaluation à chaud

Modalités de déroulement

Durée

8H

Organisaition

Apprenants : Ils seront chez eux ou au sein de leur entreprise disposant chacun de leur PC Portable, tablette ou smartphone.

Lieu de la formation

E-LEARNING

Besoins spécifiques

En cas de besoins spécifiques personnels (handicap ou autre), nous pouvons adapter certaines de nos modalités de formation. Pour cela, nous étudierons ensemble vos besoins spécifiques personnels. Pour toutes questions, merci de contacter Clément Pitiot :  Mail : formation@apex-formation.com