Framework Bootstrap 5.X

Objectifs

• Comprendre les bases de Bootstrap et son rôle dans le développement web.


• Savoir utiliser la documentation officielle pour rechercher de nouvelles fonctionnalités.


• Créer un site web entièrement responsive avec Bootstrap 5.X.


• Utiliser les composants avec et sans JavaScript pour enrichir un site web.

Programme de la formation

1. Introduction au framework Bootstrap

• Présentation de Bootstrap et ses avantages.


• Exploration de la documentation officielle.

2. Bases de Bootstrap

• Gestion des variables.


• Gestion du conteneur (container).


• Points de rupture (breakpoints) pour le responsive.


• Gestion du texte (taille, style, police, alignement).


• Gestion des images (taille, forme, apparence responsive).


• Exercices pratiques : Mise en pratique des notions fondamentales.

3. Gestion de contenu avancée

• Gestion des tableaux (taille, style, apparence responsive).


• Gestion des figures.


• Utilisation des utilitaires :


• Couleurs et arrière-plan.


• Bordures, liens, ombres et opacité.


• Espacement (margins, padding, gap).


• Exercices pratiques : Application sur la mise en page et le contenu.

4. Gestion des composants sans JavaScript

• Boutons et badges.


• Cartes (card).


• Spinners (icônes de chargement) et barres de progression.


• Navigation simplifiée : Breadcrumb (fil d'Ariane), pagination.

5. Gestion des composants avec JavaScript

• Création et personnalisation des carousels (diaporama).


• Utilisation des fonctions Collapse, Accordion, Dropdowns, et Modals.


• Gestion des Tooltips et Toasts.


• Travail sur les formulaires :


• Contrôles, tailles, styles, et validation.


• Utilisation des boutons radios, cases à cocher, sélections, etc.

6. Mise en pratique : Création d'un site web

• Partie 1 : Création du menu et de la première section.


• Partie 2 : Création d'un portfolio et d'un formulaire.


• Partie 3 : Finalisation du style et conclusion du projet.

7. Evolution 2024

• Vidéo bonus : Présentation d'un site complet réalisé avec Bootstrap 5.X.

8. Évaluation finale

• Quiz final de 20 questions pour valider les connaissances acquises.

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique