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
-
Bien explique! Trop content qu'on à fait la page d'acceulle.. Mais j'aurais bien aimé faire page d'acceule + une autre page pour voir comment ça fonctionne.. Pour ce qui n'ont pas fait la video sur les flexbox.. Je pense que ce n'est pas suuuper important. Je suis d'accord que tu face t'a pub.. Mais dans la durée s'a devient en peu lourde pour moi.. Tu pourrais faire l'exemple du projet avec quelque chose d'autre.. Et dans les video conclution parler en peu plus de la suite. Pour 2021 je pense que merite que tu met le fichier bootstrap version 4 car maintenatn on y est à la 5... Surememtn pour les bases ça va.. Mais quand tu montre le fichier on trouve plus ce que tu montre... Et il y a des commende qui ont changé.! En tout case merci j'apprendre doucement mais surement !! Et désolé pour les faute d'orthographe.
-
Tutoriel vraiment bien expliqué, merci beaucoup !
-
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 quelle version de logiciel ce tuto est-il compatible ?Bootstrap 4
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés