Bootstrap 5 : La Formation Ultime

Maîtrisez Bootstrap 5 en créant de VRAIS projets professionnels et modernes ! Personnalisez Bootstrap avec Sass !

What you'll learn
Utiliser Bootstrap dans sa dernière version : 5
Comprendre l'utilisation des grilles CSS
Ajouter des animations ave BOOTSTRAP
Réaliser des designs professionnels et modernes sans passer des heures sur le design
Utiliser les classes et les composants de BOOTSTRAP
Créer des projets très complexes avec BOOTSTRAP
Personnaliser le thème de BOOTSTRAP pour créer le notre
Requirements
Des bases en HTML et CSS
Un ordinateur (c'est quand même mieux ! :) )
Description
Bienvenue sur le cours sur BOOSTRAP 5 : la formation ULTIME, le seul cours dont vous avez besoin pour apprendre à utiliser BOOTSTRAP, même en partant de zéro. Avec plus de 5000 avis ⭐️⭐️⭐️⭐️⭐️ et une moyenne de 4.7, mes cours sont parmi les plus côtés de l'histoire d'Udemy !Avec plus de 7 heures, ce cours est sans doute celui qui trouve le meilleur compromis entre une formation ultra complète et une formation concise. Même si vous n'avez aucune expérience en programmation avec BOOTSTRAP, vous passerez du niveau débutant à celui de professionnel grâce à ce cours. Voici pourquoi :Ce cours est enseigné par le formateur emblématique de BELIEVEMY, l'un des meilleurs acteurs de la pédagogie dans le domaine du développement webCe cours a été entièrement mis à jour pour la toute dernière version de BOOTSRAP, vous apprendrez les toutes dernières nouveautés et les meilleures astuces de programmation du momentCe cours n'est pas un cours magistral : vous allez passer par toutes les émotions et vous allez pratiquer dans des dizaines de cas concrets, avec notamment trois vrais projetsL'ensemble du contenu du cours a été vu et revu pendant un an par plusieurs développeurs professionnels de BOOTSTRAP pour être parfaitement en adéquation avec les besoins professionnels des entreprisesPlus de 25.000 étudiants ont déjà appris le développement web grâce à nos coursCe cours est constamment mis à jour avec de nouveaux contenus et de nouveaux projets proposés par les étudiants : c'est-à-dire par vous !Nous allons y aller pas à pas, nous avancerons méthodiquement et astucieusement pour que vous puissiez toujours comprendre ce que vous faites et pour que vous puissiez apprécier vos résultats.SOUVENEZ-VOUS… Je suis tellement convaincu que vous allez adorer ce cours que nous vous offrons une garantie de remboursement COMPLET pendant 30 jours ! C'est donc une évidence, inscrivez-vous dès aujourd'hui avec ZERO risque et TOUT à gagner.

Overview

Section 1: Introduction

Lecture 1 Bienvenue dans ce cours

Lecture 2 À quoi sert Bootstrap ?

Lecture 3 Bootstrap 4 VS Bootstrap 5

Lecture 4 Prérequis

Lecture 5 Récupérez votre guide "Les 8 conseils pour apprendre à programmer"

Section 2: Lançons-nous dans Bootstrap 5

Lecture 6 Comment utiliser Bootstrap ?

Lecture 7 Utiliser la superbe option "live server"

Lecture 8 Utiliser Bootstrap sur CodePen

Lecture 9 Le fonctionnement de Bootstrap

Lecture 10 Ajouter des couleurs

Lecture 11 Changer la couleur du fond

Lecture 12 Changer la largeur d'un élément

Lecture 13 Entraînez-vous avec des tonnes d'exercices gratuitement avec moi

Lecture 14 Gérer les marges (margin / padding)

Lecture 15 Récapitulatif de la section

Section 3: Continuons sur notre lancée

Lecture 16 Aligner des textes

Lecture 17 Rejoignez la Communauté des Etudiants

Lecture 18 Transformer des textes

Lecture 19 Gérer les bordures de décoration

Lecture 20 La mise en forme (gras / italique / etc)

Lecture 21 Les polices disponibles avec Bootstrap

Lecture 22 Ajouter des ombres

Lecture 23 Gérer les bordures

Lecture 24 Et si on mettait des bordures arrondies ?

Lecture 25 Gérer les flottants et les positions fixes

Lecture 26 The Magic One : rendre les iframes responsives

Lecture 27 Permettre la sélection ou non

Lecture 28 Récapitulatif de la section

Section 4: Tout sur les tableaux

Lecture 29 Initialiser un tableau avec Bootstrap

Lecture 30 Mettre en couleur notre tableau

Lecture 31 Dissocier chaque ligne d'un tableau

Lecture 32 Ajouter des bordures à un tableau

Lecture 33 Faire de "petits" tableaux

Lecture 34 Aligner verticalement les cellules

Lecture 35 Rendre notre tableau responsive

Lecture 36 Ajouter un texte descriptif

Lecture 37 Récapitulatif de la section

Section 5: Projet - Un clone de Tinder

Lecture 38 Voici ce que nous allons faire dans ce projet

Lecture 39 Téléchargez les fichiers de base

Lecture 40 Etape 1 : l'entête

Lecture 41 Etape 2 : la première section

Lecture 42 Etape 3 : la deuxième section

Lecture 43 Etape 4 : le pied de page

Lecture 44 Conclusion

Section 6: Découvrons les composants CSS

Lecture 45 Qu'est-ce qu'un composant CSS ?

Lecture 46 Les boutons

Lecture 47 Les messages de notification

Lecture 48 Les barres de navigation

Lecture 49 Les badges

Lecture 50 Les champs de formulaire

Lecture 51 Recevez gratuitement chaque mois un email sur les tendances du mois !

Lecture 52 Regrouper ses champs de formulaire

Lecture 53 Les cartes d'affichage

Lecture 54 Les barres de progression

Lecture 55 Les fils d'ariane

Lecture 56 Récapitulatif de la section

Section 7: Projet - Le site de Tesla !

Lecture 57 Voici ce que nous allons faire dans ce projet

Lecture 58 Téléchargez les fichiers de base

Lecture 59 Etape 1 : l'entête

Lecture 60 Etape 2 : le bandeau

Lecture 61 Etape 3 : la première section

Lecture 62 Etape 4 : la deuxième section

Lecture 63 Etape 5 : la troisième section

Lecture 64 Etape 6 : le pied de page

Lecture 65 Correction

Section 8: Utilisons le potentiel des grilles avec Bootstrap

Lecture 66 Qu'est-ce qu'une grille CSS ?

Lecture 67 La grille CSS intégrée à Bootstrap

Lecture 68 Prioriser nos éléments

Lecture 69 Décaler d'un certains nombre de colonnes

Lecture 70 Espacer nos éléments

Lecture 71 Aligner verticalement nos éléments

Lecture 72 Si vous en voulez plus

Lecture 73 Récapitulatif de la section

Section 9: Entraînons-nous sur les grilles

Lecture 74 Exercice 1 : Corrigeons notre projet Tesla

Lecture 75 Exercice 1 : Correction

Section 10: Les composants d'animation

Lecture 76 Qu'est-ce qu'un composant d'animation ?

Lecture 77 Avant de commencer : inclure la librairie JavaScript de Bootstrap

Lecture 78 Les barres de navigation responsives

Lecture 79 Les carrousels

Lecture 80 Les listes déroulantes

Lecture 81 Les fenêtres modales

Lecture 82 Les infobulles

Lecture 83 Les "Scrollspy"

Lecture 84 Les spinners

Lecture 85 Récapitulatif de la section

Section 11: Projet - Le site d'Harry Potter

Lecture 86 Voici ce que nous allons faire dans ce projet

Lecture 87 Téléchargez les fichiers de base

Lecture 88 Etape 1 : l'entête

Lecture 89 Etape 2 : la barre de navigation

Lecture 90 Etape 3 : le bandeau

Lecture 91 Etape 4 : les meilleures ventes

Lecture 92 Etape 5 : le pied de page

Lecture 93 Correction

Section 12: Et si on souhaite utiliser Flexbox ?

Lecture 94 Utiliser Flexbox avec Bootstrap

Lecture 95 Aligner nos éléments

Lecture 96 Donner des proportions identiques

Lecture 97 Wrapper les éléments et désigner leur ordre

Lecture 98 Récapitulatif de la section

Section 13: SASS et Bootstrap

Lecture 99 Pourquoi utiliser SASS avec Bootstrap ?

Lecture 100 Installons notre environnement

Lecture 101 Modifier les couleurs par défaut et créer un thème

Lecture 102 Ajouter des puissances aux marges

Lecture 103 Ajouter de nouveaux breakpoints

Lecture 104 Trouver la variable désirée

Section 14: Conclusion

Lecture 105 Bravo ! Vous avez terminé cette formation !

Les passionnés du développement web,Les curieux qui souhaitent voir à quoi ressemble BOOTSTRAP,Les professionnels qui veulent se former sur la toute dernière version de BOOTSTRAP,Les étudiants déçus par leurs cours d'informatique,Les étudiants qui veulent changer d'orientation,Les personnes qui veulent changer de carrière