Créer des sites web responsive avec Bootstrap 5
Formation Bootstrap 5 : grille responsive, utilitaires, composants et création d'un site web complet.
L'essentiel
- Durée
- 8 heures
- Programme
- 10 chapitres, 39 leçons
- Prix
- 69,00 €, accès à vie
- Format
- Vidéo en ligne, à votre rythme
- Certificat
- PDF de fin de formation
- Prérequis
- Pas de prérequis - ouvert à tous niveaux
Présentation de la formation
Créez des sites web responsive avec Bootstrap 5 : grille, utilitaires, boutons, cartes, barres de navigation, carrousels, fenêtres modales et formulaires. Vous assemblez ensuite un site complet, du header au formulaire de contact.
Cette formation Bootstrap 5 vous montre comment monter un site responsive sans écrire de CSS complexe.
Vous découvrez d'abord la logique de Bootstrap 5 et les façons de l'intégrer à un projet. Vous posez ensuite les bases : conteneurs, lignes et colonnes de la grille, points de rupture, typographie, images et vidéos fluides, couleurs du thème.
Deux parties portent sur les utilitaires, dont les classes Flexbox et d'espacement, puis des travaux pratiques vous font appliquer ces notions. Vous passez aux composants : boutons, badges et cartes d'abord, puis ceux qui utilisent JavaScript, comme les carrousels, les modales et les barres de navigation.
Après un chapitre sur les formulaires, vous réalisez un site web complet, section par section, du header au formulaire de contact.
Public cible : Pour les débutants motivés, les graphistes qui veulent passer à l'intégration et les développeurs qui souhaitent créer leurs interfaces plus vite.
À l’issue de cette formation complète Bootstrap 5, vous pourrez
- Maîtriser Bootstrap 5. apprenez à utiliser la philosophie du framework afin de choisir le mode d’intégration le plus adapté pour vos projets front-end.
- Structurer vos pages avec la grille. concevez des mises en page parfaitement responsives en maîtrisant les conteneurs, les lignes et le système de colonnes.
- Gérer le thème et les variables CSS. apprenez à adapter les couleurs et la typographie par défaut pour créer une identité visuelle cohérente.
- Maîtriser la typographie et les médias. configurez l'affichage de vos textes et rendez vos images et vidéos fluides sur tous les types d'écrans.
- Exploiter les utilitaires Bootstrap. utilisez les classes Flexbox et d'espacement pour prototyper vos interfaces rapidement, sans écrire de CSS complexe.
- Construire des composants statiques. mettez en place des boutons, des badges et des cartes élégantes pour structurer vos contenus proprement.
- Animer vos interfaces. paramétrez des carrousels, des modales et des barres de navigation interactives pour améliorer l'expérience utilisateur.
- Réaliser un site complet. assemblez toutes les sections d'un site moderne, du header au formulaire de contact, pour livrer un projet prêt pour la production.
Programme de la formation
10 chapitres, 39 leçons. Les leçons marquées « Extrait gratuit » se regardent sans compte.
Introduction
2 leçons
- Objectifs du cursus, prérequis et déroulé
- Découvrir Bootstrap 5.x : philosophie & écosystème
Gestion des bases
Aperçu gratuit 9 leçons
- Variables CSS & thème : couleurs, espacements, typographie
- Conteneurs : container, container-fluid, responsive fixe/fluid
- Breakpoints : grilles, classes -sm à -xxl, stratégies
- Typographie : tailles, poids, alignements, utilitaires
- Images & médias : img-fluid, figures, responsive Extrait gratuit
- Exercice 01 : mise en page de base avec la grille
- Exercice 02 : typographie & visuels harmonisés
- Tableaux : variantes, zébrage, responsive table-responsive
- Figures & légendes : figure, figcaption, bonnes pratiques
Gestion des utilitaires (partie 01)
5 leçons
- Couleurs & états : text-*, bg-*, palette étendue
- Arrière-plans : images, répétition, position, taille
- Bordures : border-*, rayons, ombrages
- Liens : styles, hover/focus, accessibilité
- Opacité : utilitaires opacity-* & overlays
Gestion des utilitaires (partie 02)
7 leçons
- Affichage : d-*, visibilité conditionnelle par breakpoint
- Flex : axes, alignement, ordre, wrap
- Overflow : rognage, scroll, cas d’usage
- Flottaison : float-*, clear & layout legacy
- Espacements : m*/p*, échelles et rythmes
- Positionnement : position-*, top/right/bottom/left
- Texte (utilitaires) : troncature, transformation, wrap
Travaux pratiques
2 leçons
- Exercice 03 : header + hero responsive
- Exercice 04 : grille multi-colonnes & cartes
Gestion des composants sans JS
4 leçons
- Boutons & badges : variantes, tailles, icônes
- Cartes : images, listes, groupes, layout
- Spinners & barres de progression : feedback utilisateur
- Fil d’Ariane & pagination : navigation structurée
Gestion de composants avec JS
5 leçons
- Navbars : collapse, menus, brand & responsive
- Carrousel : slides, contrôles, options et autoslide
- Accordéons & collapse : contenus repliables
- Dropdowns, alertes & modales : interactions clés
- Tooltips & toasts : aides contextuelles et notifications
Gestion d’un formulaire
1 leçon
- Formulaires : champs, validations, input-group, layout
Finalité du site Web — Travaux pratiques
3 leçons
- Projet final (1) : structure & grille
- Projet final (2) : composants & utilitaires
- Projet final (3) : JS Bootstrap & finitions
Mon site Web
1 leçon
- Étude de cas : démo complète (savoirpourtous.eu)
Votre formateur
Jean Michel R. est un expert reconnu en infographie et informatique. Il vous accompagne à travers des démonstrations concrètes pour vous transmettre les meilleurs réflexes de développement front-end.
Avis des apprenants
4,7 / 5 sur 49 avis : 6 sur cette formation (4,9 / 5) et 43 sur la plateforme.
★★★★★Très bonne présentation global de l'outil !
Avis sur cette formation
★★★★★Je viens de terminer et je suis vraiment satisfait
Avis sur cette formation
★★★★★facile à comprendre je trouve c'est top sur ça
Avis sur cette formation
★★★★★Bon cours, bien détaillé avec des sessions pratiques très utiles.
Avis sur cette formation
★★★★★Cours très complet et un top formateur
Avis sur cette formation
★★★★★Bien expliqué, Le formateur maitrise bien le sujet. Je le recommande vivement
Avis sur cette formation
Dans le catalogue
- Parcours Développeur front-end : 9 formations dont celle-ci, 299,00 €
Ces autres cours pourraient vous intéresser
Développement Web & Mobile Maîtrisez Visual Studio Code, C# et VB.NET de A à Z. Apprenez à configurer le SDK .NET, exploiter les extensions clés,…
Développement Web & Mobile Maîtrisez TypeScript de Zéro. Apprenez le système de typage, les interfaces, les alias et la configuration du tsconfig.…
Développement Web & Mobile Maîtrisez l'écosystème React et Next.js de A à Z. Apprenez à bâtir des apps Fullstack avec l'App Router, les Server…
Développement Web & Mobile Maîtrisez le versioning local et distant, apprenez à collaborer efficacement en équipe sur GitHub avec les Pull…
Questions fréquentes
Prix, accès, paiement, remboursement : l'essentiel avant de vous inscrire.
EspritAcadémique, qu'est-ce que c'est ?
EspritAcadémique est une plateforme d'apprentissage en ligne qui propose une large gamme de cours, exercices, ressources et accompagnements personnalisés pour tous les niveaux.
Apprenez ce que vous voulez, quand vous voulez, avec des contenus accessibles à tout moment à un tarif très abordable. De nouveaux cours et formations sont ajoutés régulièrement.
Combien coûte une formation ?
Nous mettons à votre disposition deux formules principales :
Abonnement individuel : 29 € TTC par mois ou 199 € TTC par an (voir nos offres), soit 5 mois offerts par rapport à la formule mensuelle. Il donne accès à l'ensemble des formations tant que l'abonnement reste actif. Sans engagement : vous pouvez l'annuler à tout moment depuis votre espace client, sans frais.
Achat à l'unité : si vous préférez suivre une formation en particulier, c'est possible. Le tarif varie en fonction de la durée de la formation choisie, et l'accès vous reste acquis à vie.
Nous proposons également des solutions dédiées aux entreprises, disponibles sur demande. Pour toute question, vous pouvez utiliser le formulaire de contact ou nous écrire à contact@espritacademique.com.
Quelle est la différence entre l'abonnement individuel et l'achat à l'unité ?
L'abonnement individuel vous donne accès à l'ensemble de nos formations, aux exercices pratiques et aux ressources associées, sur de nombreuses thématiques professionnelles. Vous pouvez ainsi progresser sur plusieurs compétences en parallèle et découvrir chaque nouvelle formation dès sa mise en ligne.
L'achat à l'unité vous donne un accès à vie à la formation choisie, sans abonnement ni renouvellement. C'est la formule idéale si vous avez un objectif précis en tête et que vous souhaitez avancer à votre rythme, sans limite de temps.
Combien de temps ai-je pour suivre une formation ?
Si vous avez souscrit à l'une de nos offres (mensuelle ou annuelle), vous accédez aux formations pendant toute la durée de votre abonnement. En cas d'achat unique d'une formation, celle-ci vous reste accessible à vie.
Est-ce que je peux suivre la formation à mon rythme ?
Oui. Nos formations sont 100 % en ligne et disponibles à tout moment. Vous pouvez avancer à votre propre rythme, selon votre emploi du temps, et reprendre là où vous vous étiez arrêté.
Quels sont les moyens de paiement acceptés ?
Nous acceptons les paiements par carte bancaire et PayPal. Tous les paiements sont 100 % sécurisés grâce au chiffrement SSL/TLS et à nos partenaires de paiement certifiés.
Puis-je être remboursé si la formation ne me convient pas ?
Oui, sous conditions. Vous bénéficiez d'une garantie « satisfait ou remboursé » de 30 jours : si vous n'avez pas encore réellement commencé la formation, vous pouvez demander le remboursement intégral de votre commande sur simple demande, sans avoir à vous justifier.
Cette garantie cesse de s'appliquer dès lors que vous avez visionné plus de 20 % du contenu ou téléchargé les fichiers d'exercices, la formation étant alors considérée comme consommée. C'est pourquoi nous vous invitons à profiter des leçons offertes de chaque formation avant votre achat : elles vous permettent de vérifier que le contenu et la pédagogie vous conviennent.
Pour faire une demande, écrivez-nous à contact@espritacademique.com. Le remboursement est effectué dans les 14 jours suivant la réception de votre demande, sur le même moyen de paiement. Le détail figure à l'article 6 de nos conditions générales de vente.