Apprenez à créer plus rapidement des sites web modernes, professionnels et responsives grâce à Bootstrap 4.
Cette formation vous accompagne dans la découverte du framework Bootstrap, de son système de grille, de ses classes utilitaires et de ses composants, jusqu’à la création complète d’un site web.
Cette formation comprend 4 sections et 22 leçons.
Description de la formation Bootstrap 4
Bootstrap est un framework CSS permettant de structurer et de mettre en forme des pages web plus rapidement, tout en facilitant la création d’interfaces modernes et responsives.
Cette formation vous apprend à installer Bootstrap, comprendre son système de grille et ses colonnes, utiliser ses composants et exploiter ses nombreuses classes utilitaires pour gérer les espacements, couleurs, dimensions, textes, boutons, bordures, ombres, affichages et positions.
Vous mettrez ensuite ces connaissances en pratique en créant un site web depuis zéro avec Bootstrap, avant d’explorer des composants plus avancés, les thèmes, les templates et les banques de snippets disponibles en ligne.
Le parcours se termine par un tour d’horizon d’autres frameworks CSS afin de mieux situer Bootstrap dans l’écosystème du développement web.
Niveau : Débutant.
Langue : Anglais.
Ce que vous saurez faire après la formation
- comprendre le rôle de Bootstrap dans le développement web ;
- installer Bootstrap dans un projet ;
- utiliser le système de grille pour créer des interfaces responsives ;
- comprendre et utiliser les colonnes Bootstrap ;
- utiliser les principaux composants proposés par Bootstrap ;
- utiliser les Flexbox avec les classes Bootstrap ;
- gérer les couleurs de texte et d’arrière-plan ;
- gérer les marges et les espacements internes ;
- définir la hauteur et la largeur des éléments ;
- mettre en forme les textes et créer rapidement des boutons ;
- appliquer des bordures et des ombres ;
- gérer l’affichage et la position des éléments ;
- créer un site web complet avec Bootstrap ;
- utiliser des thèmes, templates et snippets pour accélérer vos développements.
À qui s’adresse ce cours ?
Débutants en développement web
Pour découvrir Bootstrap et apprendre à construire plus rapidement des interfaces web structurées et responsives.
Créateurs de sites web
Pour réduire le temps consacré à la mise en forme et exploiter des composants et classes prêts à l’emploi.
Utilisateurs de HTML et CSS
Pour compléter leurs connaissances avec un framework permettant d’accélérer la création et la mise en page de sites web.
Prérequis
- Aucun prérequis spécifique n’est indiqué sur la page de la formation.
Programme complet du cours
MODULE 1 – INTRODUCTION À BOOTSTRAP
1.1 Qu’est-ce que Bootstrap et à quoi ça sert
1.2 Comment installer Bootstrap
1.3 Comment fonctionne le système de Grille pour gérer le Responsive
1.4 Quels sont les composants de Bootstrap – Commence à gagner du temps !
1.5 Comprendre le principe de Colonnes lié à Bootstrap
1.6 Quelle est la structure de base d’un fichier avec Bootstrap ?
1.7 Comment utiliser le Jquery pour faire fonctionner certains composants
MODULE 2 – MAÎTRISER LES CLASS BOOTSTRAP
2.1 Comment utiliser les FlexBox sans même écrire de CSS
2.2 Comment appliquer des couleurs aux textes / fonds avec Bootstrap
2.3 Comment utiliser margin et padding via Boostrap
2.4 Quelle CLASS utiliser pour définir la Hauteur et la Largeur et comment elles fonctionnent
2.5 Comment gérer les styles de texte
2.6 Comment créer des boutons en 2 secondes chrono ⏱
2.7 Comment appliquer des bordures à nos éléments
2.8 Comment gérer les ombres (shadow) avec Bootstrap
2.9 Comment utiliser la propriété Display
2.10 Comment gérer la position de nos éléments
MODULE 3 – CRÉATION D’UN SITE WEB DEPUIS 0 AVEC BOOTSTRAP
3.1 41 minutes pour créer un site web depuis 0 – sans même écrire de CSS (ou presque)
MODULE 4 – ALLEZ PLUS LOIN
4.1 Découvrons les composants plus poussés sur Bootstrap
4.2 Qu’est-ce qu’un Thème et un Template et comment les utiliser
4.3 Gagner du temps – À la découverte des banques de snippets en ligne !
4.4 Tour d’horizon des autres Frameworks CSS
Questions fréquentes
Comment fonctionne une formation vidéo ITFIT ?
La formation est organisée en sections et en leçons afin de progresser étape par étape. Vous pouvez avancer à votre rythme et revenir sur les notions lorsque vous souhaitez les retravailler.
Comment cette formation Bootstrap est-elle organisée ?
Cette formation comprend 4 sections et 22 leçons. Elle commence par les fondamentaux de Bootstrap, approfondit ensuite les classes utilitaires, propose la création complète d’un site web puis présente des fonctionnalités et ressources permettant d’aller plus loin.
Le responsive design est-il abordé ?
Oui. Le programme présente le système de grille Bootstrap et le fonctionnement des colonnes permettant de construire des interfaces adaptées aux différentes tailles d’écran.
Vais-je créer un site web avec Bootstrap ?
Oui. Une section complète est consacrée à la création d’un site web depuis zéro avec Bootstrap.
Les composants Bootstrap sont-ils abordés ?
Oui. Les composants Bootstrap sont présentés dès le premier module puis approfondis dans la dernière partie du programme.
Les thèmes, templates et snippets sont-ils présentés ?
Oui. Le dernier module explique le principe des thèmes et templates et présente également les banques de snippets en ligne permettant d’accélérer le développement.
Puis-je suivre cette formation à mon rythme ?
Oui. Vous pouvez progresser dans les différentes sections à votre rythme et revenir sur les leçons lorsque vous souhaitez revoir une classe, un composant ou une technique de mise en page.
Un certificat est-il remis après la formation ?
Oui. Une formation ITFIT terminée donne accès à un certificat de fin de formation ITFIT attestant de la réalisation du parcours.
Le certificat ITFIT est-il une certification officielle ?
Non. Le certificat ITFIT est une attestation de fin de formation délivrée par ITFIT. Il ne constitue ni une certification officielle d’un éditeur ni un diplôme d’État.
Formations recommandées
Deviens maître de ton contenu web grâce au HTML
Pour maîtriser la structure des pages web avant d’utiliser Bootstrap pour leur mise en forme.
Les secrets de la mise en page avec CSS
Pour approfondir la mise en forme des pages web et mieux comprendre les principes CSS utilisés aux côtés de Bootstrap.
Apprenez Python : Guide pour Débutants
Pour découvrir les bases de la programmation avec Python et développer progressivement vos compétences techniques.
Programmation Python Intermédiaire
Pour approfondir Python avec les structures de données, les fonctions avancées, NumPy, Matplotlib et la programmation orientée objet.
