Framework Bootstrap

Objectifs

Avec cette formation Programmation BOOTSTRAP de 6 modules vous aborderez les fonctionnalités du Framework Bootstrap afin de le manipuler de manière efficace dans vos projets web.

Programme de la formation

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
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
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
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
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
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
Les composan

Validation et sanction

À l'issue de cette formation "Programmation Bootstrap", vous serez capable de :
1. Comprendre les bases de Bootstrap :
o Utiliser la grille et le système de mise en page.
2. Créer des interfaces utilisateur réactives :
o Concevoir des sites web adaptatifs pour différents appareils.
3. Utiliser les composants de Bootstrap :
o Ajouter des éléments comme des boutons, des cartes et des formulaires.
4. Personnaliser l'apparence avec CSS :
o Modifier les styles pour correspondre à vos besoins spécifiques.
5. Implémenter des plugins JavaScript :
o Utiliser les plugins intégrés pour ajouter des fonctionnalités interactives.
6. Optimiser les performances :
o Charger et utiliser Bootstrap de manière efficace pour améliorer la performance des sites web.
7. Gérer et organiser les projets Bootstrap :
o Structurer et maintenir des projets de manière organisée.

Type de formation

Non certifiante

Sortie

Information non communiquée