Le Responsive Design avec Flexbox et Bootstrap
-29% de réduction
Dans cette formation Bootstrap 4 en vidéo, vous allez apprendre à utiliser ce framework pour intégrer vos sites Web rapidement et de façon professionnelle.
Cette formation de 1h40 ne couvre pas les notions de stylisation par défaut des éléments proposés par Bootstrap. Nous nous focaliserons sur l'ensemble des outils que le framework met à notre disposition pour intégrer vos propres designs de sites.
Aucune connaissance préalable de Bootstrap n'est nécessaire pour suivre ce tuto.
Les pré-requis pour comprendre l'ensemble des notions abordées durant les vidéos sont les suivants :
- Maîtriser les bases des langages HTML et CSS
- Connaître les media queries et le Responsive Design,
- Connaître les propriétés CSS Flexbox.
Au programme de cette formation Intégration avec Bootstrap 4 :
Voici les notions qui seront abordées dans ce cours vidéo :
- Utilisation de la grille responsive de Bootstrap qui va vous permettre d'intégrer facilement et rapidement les éléments de vos sites Web.
- Utilisation des classes Flexbox et display de Bootstrap en complémentarité de la grille pour que vos intégrations n'aient aucune limites.
- Intégration d'une page responsive complète (voir galerie d'images) pour mettre en pratique les notions apprises dans le premier chapitre.
A la fin de cette formation, vous serez totalement indépendant avec Bootstrap 4 dans l'intégration de vos futurs projets Web.
En bonus avec ce tuto Bootstrap 4
- En cadeau, un mémento qui reprendra l'ensemble du contenu de la formation que vous pourrez imprimer et un fichier PSD qui contiendra la grille de base pour vos futurs sites Web créés avec Bootstrap.
- Un QCM pour valider vos connaissances.
- Un salon d'entraide pour répondre à toutes vos questions.
Table des matières de cette formation Bootstrap, CSS (durée : 1h40m)
-
Découverte de la grille Bootstrap et des classes utilitaires
- Introduction 00:04:35
- Le fichier grid 00:10:36
- La grille responsive 00:27:15
- Classes pour Flexbox 00:11:50
- Classes pour la propriété display 00:03:31
-
Projet : Réaliser une page complète responsive avec Bootstrap
- Bonus : Un PSD pour vos futurs projets 00:04:44
- Le header 00:24:09
- Le reste de la page 00:13:02
- Conclusion 00:00:30
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Steven Sil
-
Tutoriel vraiment bien expliqué, merci beaucoup !
-
Bon tuto .. certains points (le choix des classes, la méthodologie, ..) mériteraient peut être une explication plus consistante. Ce qui est évident pour un expert ne l'est pas forcement pour un débutant ou un intermediaire. Mais en gros c'est bien.
-
Merci Steven, tes explications, ton dynamisme font de ce tuto, un moment de pur bonheur.Cette découverte pour moi, de Bootsrap fut un plaisir.Je recommande vivement à tout les futurs apprenants !!!
-
Avec quelles versions de logiciels ce tuto est-il compatible ?Bootstrap 4, CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés