Formation Bootstrap - Créer des sites Web Responsives
Besoin d’adapter cette formation à vos besoins ?
N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure !
Formation créée le 07/07/2023. Dernière mise à jour le 31/03/2025.
Version du programme : 1
Programme de la formation Version PDF
En suivant cette formation, vous apprendrez à habiller vos pages et à les enrichir de composants interactifs avec Bootstrap 5 afin de rendre vos sites attractifs et adaptatifs.
Objectifs de la formation
- Intégrer Bootstrap dans un projet Web.
- Maîtriser les composants et les plug-ins du framework Bootstrap.
- Développer des sites Web responsive.
Profil des bénéficiaires
- Développeurs souhaitant utiliser Bootstrap pour le développement de sites web.
- Connaissance en HTML et CSS et avoir des notions de JavaScript.
Contenu de la formation
-
Présentation du framework
- Vue d'ensemble du framework Bootstrap.
- L'apport de Bootstrap par rapport à CSS.
- Les éléments du kit Bootstrap (grilles, Normalize.css, icônes, plug-ins jQuery...).
- Comprendre l'arborescence des différents fichiers : feuilles de style, JavaScript...
- Lier une page Web à la feuille de style de base de Bootstrap.
-
Les feuilles de style de Bootstrap
- Les CSS pour les éléments textuels et les images.
- Les CSS pour les éléments de formulaires et les tableaux.
- Utilisation des polices icônes pour afficher des icônes sur les pages.
- Les CSS pour la mise en page, les blocs de texte.
- Personnaliser sa feuille de style.
-
Les grilles
- Comprendre le concept de grille.
- Les grilles adaptatives (le Responsive Web Design, Media Queries, positionnement...).
- Organisation de la grille. Manipuler les grilles.
- Flexbox dans Bootstrap.
- Disposition des colonnes.
- L'ordre des blocks.
-
Les composants de base
- Les deux fichiers JavaScript nécessaires.
- Les marges de chaque block.
- Les menus responsives améliorés.
- Les composants de navigation et de pagination.
- Les boutons, les badges, les alertes.
- Les barres de progression.
- Les tableaux, les listes d'éléments.
-
Les plug-ins jQuery de Bootstrap
- Les fenêtres modales. Les accordéons. Le carrousel de photos.
- La barre de navigation. Les onglets. Les menus déroulants.
- Les champs d'auto-complétion.
- Intégration de plug-ins externes (Datepicker...).
- Les cards conteneurs flexibles et extensibles.
Votre formateur est un consultant et architecte logiciel avec plus de 10 d'expériences pédagogiques et techniques.
- Feuille de présence signée en demi-journée, Évaluation des acquis tout au long de la formation, Questionnaire de satisfaction, Attestation de stage à chaque apprenant.
- Moyens pédagogiques : Réflexion de groupe et apports théoriques du formateur, Travail d'échange avec les participants sous forme de réunion-discussion, Utilisation de cas concrets issus de l'expérience professionnelle, Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques, Remise d'un support de cours.
- Moyens techniques en Présentiel : Accueil des stagiaires dans une salle dédiée à la formation, équipée d'ordinateurs, d'un vidéo projecteur d'un tableau blanc et de paperboard.
- Moyens techniques en Distanciel : A l'aide du logiciel Teams, un micro et une caméra pour l'apprenant, Suivez une formation en temps réel et entièrement à distance. Lors de la classe en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur. Les formations en distanciel sont organisées en Inter-Entreprise comme en Intra-Entreprise. L'accès à l'environnement d'apprentissage (support de cours, labs) ainsi qu'aux preuves de suivi et d'assiduité (émargement, évaluation) est assuré.
Qualité et satisfaction
Modalités de certification
- Pas de certification