top of page
Logo formador

BOOTSTRAP 5.X - durée 8h30

Prix

49,00 €

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.

Quantité

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.

Modalités

  • Niveau initiation

  • Tous publics

  • 8h30 environ

  • Aucun prérequis

  • Sans audio description ni sous-titrage

Matériel nécessaire

  • Disposer d'un ordinateur ou d'une tablette et d'une connexion Internet

  • Savoir utiliser un ordinateur de manière basique (souris, clavier) et connaître l'environnement Windows.

 

 

Modalités d’évaluation des acquis

  • Auto-évaluation sous forme de questionnaires

  • Exercices sous formes d’ateliers pratiques

  • Questionnaire de positionnement & Evaluation à chaud.

 

Moyens pédagogiques et techniques

  • Accès au cours en ligne en 24/7

  • Cours théorique au format vidéo

  • Accessible via un ordinateur ou une tablette ou un smartphone

  • Assistance par téléphone et/ou e-mail

Programme

  • •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

  • •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, 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

bottom of page