Je suis heureux de vous présenter mon 1er bundle entièrement consacré à l'apprentissage de la technique moderne de la mise en page d'un site web en CSS, à savoir la technique des Flexbox !
Ce bundle de plus de 4 heures va vous donner l'intégralité des connaissances des Flexbox.
Flexbox est une technique officielle du CSS3 dont le rôle principale est de permettre de réaliser des mises en page de site internet de façon extrêmement simple, rapide et surtout très efficace ! Terminé le temps où l'on s'arracher les cheveux en utilisant des propriétés CSS telles que les FLOAT pour effectuer des miss en pages parfois hasardeuses.
L'ensemble de ce bundle fera référence au responsive design, car aujourd'hui il est très important que son site Internet puisse s'adapter correctement aux différents écrans.
Le but de ce bundle est de vous donner tous les outils nécessaires afin de pouvoir réaliser des sites web 100% responsives avec la plus grande facilité !
Au programme de ce bundle de formations consacrée à Flexbox
La 1ère partie sera entièrement consacrée à la théorie. Je vous apprendrai l'ensemble des propriétés Flexbox ainsi que l'ensemble de leurs valeurs.
Ensuite nous passerons à la pratique afin de bien consolider tout ce nouvel apprentissage, avec un atelier d'intégration CSS.
Ce pack contient donc les 2 formations suivantes à un prix plus intéressant :
A la fin de ce bundle, la technique des flexbox n'aura plus aucun secret pour vous et la mise en page responsive d'un site internet va devenir un véritable plaisir !
Je reste disponible dans le salon d'entraide pour répondre à vos questions.
Bonne formation avec Flexbox !
Tuto composant ce bundle :
Flexbox : mise en page flexible en CSS (voir la fiche produit)
Les propriétés et leurs valeurs
- Une nouvelle valeur pour la propriété display 00:08:35
- Différence entre un flex et un inline-flex 00:04:41
- Définir la direction des contenus 00:06:30
- Le retour à la ligne 00:05:36
- L'axe principal et l'axe secondaire 00:04:54
- Alignement sur l'axe principal 00:10:44
- Faisons un petit récapitulatif de ce que nous savons 00:02:35
- Alignement sur l'axe secondaire 1/2 00:05:01
- Alignement sur l'axe secondaire 2/2 00:04:31
- Alignement d'un contenu particulier 00:06:12
- Alignement de plusieurs lignes ou colonnes 00:06:21
- Gérer les ordres d'affichage 00:03:23
- Augmenter la largeur d'un contenu 00:03:44
- Diminuer ou définir la largeur d'un contenu 00:04:12
Consolidation des nouveaux acquis
- Intro 00:01:35
- Q.R. 1 à 4 00:06:28
- Q.R. 5 à 8 00:05:15
- Q.R. 9 à 12 00:05:26
- Q.R. 13 à 16 00:05:14
- Q.R. 17 à 20 00:04:44
- Q.R. 21 à 24 00:07:37
- Conclusion 00:01:11
Création d'une maquette d'un site responsive
- Présentation du travail 00:00:55
- 1ère partie 00:13:22
- 2ème partie 00:10:53
- Conclusion 00:01:39
Ayez le bon réflexe CSS, utilisez la technologie Flexbox ! (voir la fiche produit)
- Présentation et préparation du travail 00:12:09
- Mise en place du HEADER et du FOOTER 00:09:35
- Travail complet sur le HEADER 1/2 00:12:51
- Travail complet sur le HEADER 2/2 00:14:13
- Travail complet sur le FOOTER 1/2 00:11:16
- Travail complet sur le FOOTER 2/2 00:12:09
- Travail complet sur le MAIN 1/3 00:14:45
- Travail complet sur le MAIN 2/3 00:13:36
- Travail complet sur le MAIN 3/3 00:05:16
- Conclusion 00:01:47
Formateur : Carl Brison
-
Très bon tuto, moi qui jugeais hors de portée... j'ai suivi facilement. Merci donc et à bientôt. Très bonne pédagogie également.
-
Rien à ajouter super tuto très clair
-
Je n'ai jamais vu des cours de Flexbox aussi bien expliqué. Il y a vraiment tout pour bien comprendre. Bravo Monsieur Brison, vous êtes un as de la pédagogie et de plus, vous maîtrisez parfaitement votre sujet.
-
Avec quelles versions de logiciels ce tuto est-il compatible ?CSS 3, HTML 5
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés