Objectifs :
• Maîtriser les bases du HTML5 sémantique et du CSS3 nécessaires pour utiliser un framework.
• Mettre en place Bootstrap 5 dans un projet et exploiter son système de grille responsive.
• Construire une interface avec les composants et les classes utilitaires de Bootstrap.
• Personnaliser un thème Bootstrap (couleurs, variables, mode sombre) selon une charte.
• Intégrer et publier un site responsive, en s’appuyant si besoin sur un assistant de code par IA.
Formation disponible
présentiel, classe à distance, individuel
Formation disponible présentiel, classe à distance, individuel.
Comment souhaitez vous suivre cette formation ?
Cette formation est disponible en présentiel, à distance ou en cours individuels. Suite aux changements récents du fonctionnement des comptes CPF, si nos liens CPF renvoient sur une erreur temporaire, merci de nous contacter au 04 42 31 43 55
Du 12 novembre au 18 novembre 2026
Du 17 mars au 22 mars 2027
Du 30 juin au 05 juillet 2027
Du 17 novembre au 22 novembre 2027
Du 12 novembre au 18 novembre 2026
Du 17 mars au 22 mars 2027
Du 30 juin au 05 juillet 2027
Du 17 novembre au 22 novembre 2027
Comment souhaitez vous suivre cette formation ?
Cette formation est disponible en présentiel, à distance ou en cours individuels. Suite aux changements récents du fonctionnement des comptes CPF, si nos liens CPF renvoient sur une erreur temporaire, merci de nous contacter au 04 42 31 43 55
Du 12 novembre au 18 novembre 2026
Du 17 mars au 22 mars 2027
Du 30 juin au 05 juillet 2027
Du 17 novembre au 22 novembre 2027
Du 12 novembre au 18 novembre 2026
Du 17 mars au 22 mars 2027
Du 30 juin au 05 juillet 2027
Du 17 novembre au 22 novembre 2027
Rappels HTML5 et CSS3 utiles
• Le fonctionnement d’un site web et les standards (W3C / WHATWG)
• La structure sémantique d’une page (header, nav, main, section, article, footer)
• Les bases du CSS : sélecteurs, modèle de boîte, unités modernes
• Introduction à Flexbox (socle du fonctionnement de Bootstrap)
Découvrir Bootstrap 5
• Qu’est-ce qu’un framework CSS ; l’intérêt de Bootstrap
• Bootstrap 5 aujourd’hui : projet indépendant, sans jQuery (JavaScript natif)
• Installer Bootstrap : CDN ou fichiers locaux
• La documentation officielle comme outil de travail
• L’approche mobile-first et les points de rupture (breakpoints)
Le système de grille
• Conteneurs, lignes et colonnes
• La grille responsive à 12 colonnes
• Les classes de colonnes par point de rupture (sm, md, lg, xl, xxl)
• Alignement, décalage (offset) et imbrication
Les classes utilitaires
• Espacements (marges, paddings)
• Affichage, Flex et alignement
• Couleurs, arrière-plans et bordures
• Typographie et texte
Les composants Bootstrap
• Boutons, badges, alertes et cartes (cards)
• Barre de navigation (navbar) et menus
• Formulaires et validation
• Modales, onglets, accordéons, carrousels
• Icônes (Bootstrap Icons)
Personnalisation et thème
• Personnaliser via les variables CSS et les classes
• Le mode sombre (dark mode) natif de Bootstrap 5
• Adapter les couleurs et la typographie à une charte graphique
• Notions de personnalisation avancée (Sass, aperçu)
Accessibilité et bonnes pratiques
• Les apports d’accessibilité de Bootstrap et leurs limites
• Structure, contrastes et navigation clavier
• Performance : n’inclure que le nécessaire
L’IA comme assistant de code
• Générer et adapter des composants Bootstrap avec un assistant IA (ex. GitHub Copilot)
• Expliquer et corriger (debug) du code d’intégration
• Bonnes pratiques : relecture, compréhension et limites
Mise en ligne
• L’hébergement et le nom de domaine
• Le transfert des fichiers (FTP/SFTP) et la publication
Atelier
• Réaliser et publier un site vitrine responsive complet avec Bootstrap 5
Du 12 novembre au 18 novembre 2026
Du 17 mars au 22 mars 2027
Du 30 juin au 05 juillet 2027
Du 17 novembre au 22 novembre 2027
