BOOTSTRAP 4 : la formation ULTIME
4.7 (387 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,598 students enrolled

BOOTSTRAP 4 : la formation ULTIME

Maîtrisez Bootstrap 4 en créant de VRAIS projets grâce à la meilleure librairie CSS ! Découvrez Sass et Bootstrap !
Bestseller
4.7 (387 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,598 students enrolled
Last updated 6/2020
French
Current price: $135.99 Original price: $194.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 6 hours on-demand video
  • 26 articles
  • 6 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Utiliser Bootstrap dans sa dernière version pour tous vos projets
  • Comprendre ce qu'est une grille CSS
  • Utiliser des animations fluides avec Bootstrap
  • Avoir un design beau et professionnel sans passer des heures sur le design
  • Implémenter les classes et les composants de Bootstrap
  • Créer des projets complexes avec Bootstrap
  • Modifier le thème de Bootstrap pour créer le votre
Course content
Expand all 90 lectures 06:23:04
+ Avant de commencer
5 lectures 07:22
Comment réussir une formation ?
01:18
Comment poser mes questions ?
02:21
Obtenez votre livre offert « Les 8 conseils pour apprendre à programmer »
00:15
+ Les bases de Bootstrap
20 lectures 01:43:29
Comment utiliser Bootstrap ?
10:53
Utiliser CodePen avec Bootstrap
00:54
Les classes pour changer la largeur d'un élément
07:14
Les classes pour changer le fond
06:48
Les classes pour ajouter des couleurs
05:47
Pourquoi je parle de variables dans la prochaine session ?
00:14
Les classes pour ajouter des « padding » et des « margin »
08:09
Entraînons-nous avec les marges et les padding (empâtements) !
06:03
Les classes pour aligner les éléments
09:19
Les classes pour changer le texte
07:36
Les classes pour ajouter l'ombre
02:55
Les classes pour les bordures
05:00
Recevez gratuitement chaque mois un email sur les tendances du mois !
00:31
Et si on mettait des bordures arrondies ?
03:04
The Magic One : Rendre les iframes responsive
07:00
Récapitulatif de la section
03:37
Testons nos connaissances
5 questions
+ Projet #1 - Un clone de Tinder
8 lectures 20:46
Téléchargez les fichiers de base
03:26
Qu'est-ce que la classe container ?
03:22
1ère étape : l'entête
00:20
2ème étape : la première section
00:16
3ème étape : la deuxième section
00:08
Dernière étape : le pied de page
00:09
Correction
11:40
+ Découvrons les composants CSS
11 lectures 01:09:22
Qu’est-ce qu’un composant CSS ?
02:14
Les boutons
09:06
Les messages de succès et d'alertes
07:30
Les barres de navigation
05:38
Les badges
05:51
Les champs de formulaire
12:39
Les jumbotrons
04:09
Les cartes d'affichage
08:03
Les barres de progression
06:29
Les fils d'ariane
05:39
Récapitulatif de la section
02:04
Testons nos connaissances
5 questions
+ Projet #2 - Le site de Tesla !
10 lectures 29:08
Téléchargez les fichiers de base
01:58
1ère étape : l'entête
00:14
2ème étape : le jumbotron
00:09
3ème étape : la première section
00:10
4ème étape : la deuxième section
00:16
5ème étape : la troisième section
00:10
Dernière étape : le pied de page
00:06
Correction
24:11
Donnez-moi votre avis !
00:20
+ Utilisons le potentiel des grilles Bootstrap
8 lectures 34:01
Qu’est-ce qu’une grille ?
04:47
La grille CSS intégrée à Bootstrap
09:24
Prioriser nos éléments
01:21
Décaler d'un certains nombre de colonnes
07:01
Aligner verticalement nos aliments
04:38
Exercice pratique sur les colonnes
01:41
Correction de l'exercice
03:53
Récapitulatif de la section
01:16
Testons nos connaissances
5 questions
+ Concevons des effets poussés grâce aux composants d'animation
10 lectures 52:26
Comment utiliser les composants d’animation Bootstrap ?
00:57
Avant de commencer : inclure la librairie javascript
01:55
Les fenêtres popup
11:04
Les sliders (carrousels)
12:14
Les infobulles
04:29
Les infobulles (version moins intrusive)
02:00
Les spoilers
05:34
Les boutons avec liste déroulante
05:56
Les options disponibles grâce à Javascript
06:36
Récapitulatif de la section
01:41
Testons nos connaissances
5 questions
+ Projet #3 : Le site d'Harry Potter !
12 lectures 32:16
Téléchargez les fichiers de base
02:06
1ère étape : l'entête
00:11
2ème étape : la barre de navigation
00:22
3ème étape : le bandeau
00:10
4ème étape : les meilleures ventes
00:17
Dernière étape : le pied de page
00:06
Note concernant la correction de la première étape
00:13
Correction de l'étape 1 et 2
05:05
Correction de l'étape 3
04:17
Correction de l'étape 4 et 5
16:31
Donnez-moi votre avis !
00:12
+ SASS et BOOTSTRAP
4 lectures 30:33
Pourquoi utiliser Sass avec Bootstrap ?
03:49
Installer notre environnement
10:13
Modifier les couleurs par défaut et créer un nouveau thème
11:40
Liste de toutes les variables modifiables
04:51
+ Bonus
2 lectures 03:38
Que faire maintenant ?
01:21
Comment récupérer votre certificat de fin de formation ?
02:17
Requirements
  • Vous devez connaître les bases de l'HTML et du CSS
  • Un ordinateur (c'est mieux ! :))
Description

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 ?

Who this course is for:
  • Toute personne souhaitant apprendre ou approfondir ses connaissances en matière de création de sites Web Bootstrap.