BOOTSTRAP

Formation initiale

 

Module 1 : Définition de programme

​

Désignation du niveau : tests pour déterminer le niveau du ou des stagiaires afin de constituer le programme de formation.

Définition des objectifs en fonction du rythme professionnel et personnel.

Mise en place du matériel pédagogique adapté.

Présentation de la certification en fin de formation

 

Module 2 : Cas pratique 1

​

Créer des colonnes avec les grilles Bootstrap
Aligner et espacer les colonnes des grilles Bootstrap
Gérer l'ordre des colonnes et l'imbrication de lignes
Mettre en forme des textes
Modifier la couleur de fond, du texte et l'opacité des éléments
Modifier les dimensions des éléments
Modifier les bordures des éléments
Ajouter des marges aux éléments
 

​

Module 3 : Cas pratique 2

 

Modifier l'affichage des éléments
Modifier le positionnement des éléments
Cacher les éléments et gérer les dépassements
Ajouter des ombres aux éléments
Créer des tableaux
Gérer les images et les figures
Créer des boutons
Créer des groupes de listes
Structurer des formulaires

​

Module 4 : Cas pratique 3

 

Créer un menu de navigation avec Bootstrap
Créer des éléments et des menus déroulants avec Bootstrap
Créer des barres de navigation complexes avec Bootstrap
Utiliser les autres composants de navigation Bootstrap
Alertes, boites modales et notifications toast Bootstrap
Boites d'aide et popovers Bootstrap
Barres de progression et spinners Bootstrap
Utiliser les cartes ou cards
Créer un carrousel
 

 

Module 4 : Fonctionnement de base du framework Bootstrap

 

Présentation de Bootstrap
Présentation du fonctionnement de Bootstrap
Présentation du système de grilles de Bootstrap
Créer des colonnes dans les grilles Bootstrap et gérer leur taille
Gérer l’alignement et l’espacement des colonnes des grilles Bootstrap
Gérer l’ordre d’affichage des colonnes et l’imbrication de lignes dans une grille Bootstrap
 

 

Module 4 : Classes Bootstrap et propriétés CSS

 

La normalisation des styles des éléments HTML Bootstrap avec Reboot
Mettre en forme des textes avec les classes Bootstrap
Modifier la couleur, la couleur de fond et l’opacité des éléments avec Bootstrap
Gérer les dimensions des éléments avec Bootstrap
Ajouter des bordures aux éléments avec Bootstrap
Ajouter des marges aux éléments avec Bootstrap
L’affichage des éléments : Bootstrap display et display : flex
Gérer le type de positionnement des éléments avec Bootstrap
Cacher des éléments et gérer les dépassements avec Bootstrap
Ajouter des ombres aux éléments avec Bootstrap
 

​

Module 7 : Styliser des éléments complexes avec Bootstrap

 

Créer des tableaux stylisés avec Bootstrap
Gérer les images et les figures avec Bootstrap
Créer des boutons stylisés avec Bootstrap
Créer des groupes de listes et appliquer des styles à des listes avec Bootstrap
Structurer et styliser des formulaires avec Bootstrap
 

 

Module 8 : Les composants de navigation Bootstrap
 

Créer un menu de navigation avec Bootstrap
Créer des éléments et des menus déroulants avec Bootstrap
Créer des barres de navigation complexes avec Bootstrap
Les autres composants de navigation Bootstrap : breadcrumb, pagination et scrollspy
 

Module 9 : Les composants informatifs Bootstrap

 

Alertes, boites modales et notifications toast Bootstrap
Boites d’aide et popovers Bootstrap
Barres de progression et spinners Bootstrap

 

Module 10 : Autres composants visuels Bootstrap
 

Badges et jumbotron Bootstrap
Les cartes ou cards Bootstrap
Le composant Bootstrap collapse
Créer un carrousel avec Bootstrap
 

​

Modules supplémentaires

​

Selon votre niveau et vos besoins, nous avons la possibilité d'ajouter des modules en complément de la formation initiale