Framework Bootstrap 5dotX

MyRH

Non finançable CPF

Tout public

En ligne

Public admis

Salarié en poste

Demandeur d'emploi

Entreprise

Étudiant

Prix

Nous contacter

Durée

Nous contacter

Localité

En ligne

Vous pouvez suivre cette formation depuis chez vous ou depuis n’importe quel endroit à distance.

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

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.

Malheureusement, vous ne pouvez pas contacter ce centre via Maformation.

Les formations les plus recherchées