BOOTSTRAP 4 : la formation ULTIME
- Description
- Programme
- Commentaires
Ce cours va littéralement vous faire passer de l’ignorance au niveau de maître de Bootstrap. Vous allez créer avec moi 3 VRAIS projets du monde moderne sur Tinder, Tesla et Harry Potter. Les classes utilitaires, les composants et les animations n’auront plus aucun secret pour vous. Vous pourrez même, si vous avez des bases en Sass, apprendre à modifier Bootstrap pour le rendre unique !
Seul des bases en HTML et en CSS sont nécessaires pour suivre cette formation.
Dans chacune des sessions que nous allons passer ensemble, je vais vous accompagner par la main pour vous montrer tout le potentiel de Bootstrap ! Puis, je vous laisserai vous entraîner.
Vous disposerez de TOUS LES CODES de la formation, en temps réel ! Une session = une page de code à pouvoir consulter quand vous le souhaitez.
Cette formation faisant parti de la Collection Ultime, label de qualité que j’ai créé, vous pouvez être sûr que vous ne serez pas déçu !
Alors, je vous attends ?
-
6Préparons notre environnementVideo lesson
-
7Comment utiliser Bootstrap ?Video lesson
-
8Utiliser CodePen avec BootstrapText lesson
-
9Le fonctionnement de BootstrapVideo lesson
-
10Sur quel projet allons-nous travailler dans cette section ?Video lesson
-
11Les classes pour changer la largeur d'un élémentVideo lesson
-
12Les classes pour changer le fondVideo lesson
-
13Les classes pour ajouter des couleursVideo lesson
-
14Pourquoi je parle de variables dans la prochaine session ?Text lesson
-
15Qu'est-ce qu'une variable ?Video lesson
-
16Les classes pour ajouter des « padding » et des « margin »Video lesson
-
17Entraînons-nous avec les marges et les padding (empâtements) !Video lesson
-
18Rejoignez la Communauté des EtudiantsText lesson
-
19Les classes pour aligner les élémentsVideo lesson
-
20Les classes pour changer le texteVideo lesson
-
21Les classes pour ajouter l'ombreVideo lesson
-
22Les classes pour les borduresVideo lesson
-
23Recevez gratuitement chaque mois un email sur les tendances du mois !Text lesson
-
24Et si on mettait des bordures arrondies ?Video lesson
-
25The Magic One : Rendre les iframes responsiveVideo lesson
-
26Récapitulatif de la sectionText lesson
-
27Testons nos connaissancesQuiz
-
28Qu'allons-nous faire dans cette section ?Video lesson
-
29Téléchargez les fichiers de baseVideo lesson
-
30Qu'est-ce que la classe container ?Video lesson
-
311ère étape : l'entêteText lesson
-
322ème étape : la première sectionText lesson
-
333ème étape : la deuxième sectionText lesson
-
34Dernière étape : le pied de pageText lesson
-
35CorrectionVideo lesson
-
36Qu’est-ce qu’un composant CSS ?Video lesson
-
37Les boutonsVideo lesson
-
38Les messages de succès et d'alertesVideo lesson
-
39Les barres de navigationVideo lesson
-
40Les badgesVideo lesson
-
41Les champs de formulaireVideo lesson
-
42Les jumbotronsVideo lesson
-
43Les cartes d'affichageVideo lesson
-
44Les barres de progressionVideo lesson
-
45Les fils d'arianeVideo lesson
-
46Récapitulatif de la sectionText lesson
-
47Testons nos connaissancesQuiz
-
48Qu'allons-nous faire dans cette section ?Video lesson
-
49Téléchargez les fichiers de baseVideo lesson
-
501ère étape : l'entêteText lesson
-
512ème étape : le jumbotronText lesson
-
523ème étape : la première sectionText lesson
-
534ème étape : la deuxième sectionText lesson
-
545ème étape : la troisième sectionText lesson
-
55Dernière étape : le pied de pageText lesson
-
56CorrectionVideo lesson
-
57Donnez-moi votre avis !Text lesson
-
58Qu’est-ce qu’une grille ?Video lesson
-
59La grille CSS intégrée à BootstrapVideo lesson
-
60Prioriser nos élémentsVideo lesson
-
61Décaler d'un certains nombre de colonnesVideo lesson
-
62Aligner verticalement nos alimentsVideo lesson
-
63Exercice pratique sur les colonnesVideo lesson
-
64Correction de l'exerciceVideo lesson
-
65Récapitulatif de la sectionText lesson
-
66Testons nos connaissancesQuiz
-
67Comment utiliser les composants d’animation Bootstrap ?Video lesson
-
68Avant de commencer : inclure la librairie javascriptVideo lesson
-
69Les fenêtres popupVideo lesson
-
70Les sliders (carrousels)Video lesson
-
71Les infobullesVideo lesson
-
72Les infobulles (version moins intrusive)Video lesson
-
73Les spoilersVideo lesson
-
74Les boutons avec liste déroulanteVideo lesson
-
75Les options disponibles grâce à JavascriptVideo lesson
-
76Récapitulatif de la sectionText lesson
-
77Testons nos connaissancesQuiz
-
78Qu'allons-nous faire dans cette section ?Video lesson
-
79Téléchargez les fichiers de baseVideo lesson
-
801ère étape : l'entêteText lesson
-
812ème étape : la barre de navigationText lesson
-
823ème étape : le bandeauText lesson
-
834ème étape : les meilleures ventesText lesson
-
84Dernière étape : le pied de pageText lesson
-
85Note concernant la correction de la première étapeText lesson
-
86Correction de l'étape 1 et 2Video lesson
-
87Correction de l'étape 3Video lesson
-
88Correction de l'étape 4 et 5Video lesson
-
89Donnez-moi votre avis !Text lesson