Bootstrap 5 en partant de zéro
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Bootstrap 5 en partant de zéro

Enzo Ustariz
Promo -52% Jusqu'au 23 juin, 23:00
13,00€27,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Le cours Bootstrap 5 est là !

Bootstrap est le Framework CSS le plus populaire du web. Il est autant utilisé au niveau perso qu'en entreprise. En tant que développeur, maîtriser Bootstrap est donc une bonne corde à avoir dans son arc.
Sachant qu'il est relativement simple à prendre en main, ce serait bête de se priver d'une compétence rapide à acquérir.

Avant de voir de quoi est composé Bootstrap, définissons le mot "Framework". Un cadre de travail est un environnement qui va proposer des règles, des méthodes et des façons de faire qui lui sont propres, afin de structurer la réalisation d'un projet web. Le fait de suivre des règles préétablies permet de gagner du temps sur beaucoup de points, et a aussi l'avantage de rendre le code plus maintenable ainsi que de faciliter son évolution dans le temps.

Le "cadre" de Bootstrap, c'est :

  • Des classes utilitaires pour rapidement styliser un site.
  • Un système de grille pour le rendre réactif(responsive).
  • Des composants préconstruits pour gagner du temps.
  • Une possibilité de personnaliser "à sa sauce" tout ce qui a été dit au-dessus.

Lorsqu'on aura bien étudié tout ça, on passera à la création de deux projets pratiques : la création d'une landing page et la création d'un site web.

Avec ce cours en ligne, vous aurez accès au code source et vous pourrez le réutiliser comme bon vous semble.
Je reste disponible dans le salon d'entraide pour répondre à vos questions pendant votre formation.

Rendez-vous de l'autre côté pour commencer à coder !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction Bootstrap v5
Chapitre 2
Les classes utilitaires
Chapitre 3
Disposition
Chapitre 4
Composants sans JS
Chapitre 5
Formulaires
Chapitre 6
Composants avec JS
Chapitre 7
Personnalisation

Plan détaillé du cours

Chapitre 1 : Introduction Bootstrap v5
08m17s
 
Leçon 1Introduction
Leçon 2Code source et conseils
Chapitre 2 : Les classes utilitaires
35m40s
 
Leçon 1Les couleurs
Leçon 2La Typographie 1
Leçon 3La Typographie 2
Leçon 4Tailles et espacement
Leçon 5Display et positions
Chapitre 3 : Disposition
32m51s
 
Leçon 1Le système de grille I
Leçon 2Le système de grille II
Leçon 3Le placement des colonnes
Leçon 4Les gouttières
Leçon 5Flexbox
Chapitre 4 : Composants sans JS
29m50s
 
Leçon 1Images et tableaux
Leçon 2Les boutons
Leçon 3Les cartes
Leçon 4Breadcrumb et simple navigation
Leçon 5Les listes
Leçon 6Progress bar et spinners
Chapitre 5 : Formulaires
15m40s
 
Leçon 1Les formulaires de base
Leçon 2Styliser les inputs
Leçon 3Divers
Leçon 4La Validation
Chapitre 6 : Composants avec JS
23m42s
 
Leçon 1Le Carousel
Leçon 2Dropdown et accordéon
Leçon 3Modale et alerte
Leçon 4Navbar
Leçon 5Menu rideau
Leçon 6Tooltip et popover
Chapitre 7 : Personnalisation
42m42s
 
Leçon 1Personnalisation installation
Leçon 2Créer une palette
Leçon 3Utilities
Leçon 4Composants et segmentation
Leçon 5La purge
Chapitre 8 : Création de la Landing Page
52m32s
 
Leçon 1Accueil
Leçon 2Services
Leçon 3Section grandes cartes
Leçon 4Section "striped"
Leçon 5Section "projets"
Leçon 6Section "Pricing"
Leçon 7Section parallax
Leçon 8Form et footer
Chapitre 9 : Création du site "Restaurant Japonais"
1h23m
 
Leçon 1Configuration du second site
Leçon 2Palette
Leçon 3Page d'accueil
Leçon 4Section nourriture
Leçon 5Section chefs
Leçon 6Mosaîque et footer
Leçon 7Menu et accordeon
Leçon 8Personaliser l'accordéon
Leçon 9Page reservation
Leçon 10Purger le CSS

Aperçus

Avis des apprenants

Détail des avis
42
Apprenants
5
Commentaires
5/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
0
Jean Levallois
Jean Levallois
Publié le 25/08/2022
Si j'ai eu un souci avec la personnalisation, j'ai trouvé malgré tout ce tuto très bien.
Frédéric Barriol
Frédéric Barriol
Publié le 30/07/2022
Au fur et à mesure de la progression dans l'enseignement, on se rend compte de la qualité de celui-ci. Cependant, certain points restent obscurs et il est nécessaire de maniper pour les éclaircir ... Très bon tuto .
Sylvain Rey
Sylvain Rey
Publié le 15/03/2022
Trés bon pas à pas, avec de la pratique; super pour bien retenir.

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

Bootstrap 5

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 13,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1363 tutos gratuits

Notre politique de protection des données