Comment devenir un pro en CSS moderne, Grid & FlexBox
4.8 (85 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.
275 students enrolled

Comment devenir un pro en CSS moderne, Grid & FlexBox

CSS Grid & FlexBox, Le guide complet
Highest Rated
4.8 (85 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.
275 students enrolled
Created by Carl Brison
Last updated 9/2019
French
Current price: $34.99 Original price: $49.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5 hours on-demand video
  • 10 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
  • Le fonctionnement de FlexBox
  • Alignement horizontal et vertical des items
  • Positionner précisément des items
  • Le fonctionnement de CSS Grid
  • Créer des maquettes responsives en quelques minutes
  • Utiliser Grid & FlexBox ensemble
  • Créer un site web complet 100% responsive
  • Associer HTML5 et CSS Grid
Course content
Expand all 61 lectures 04:45:23
+ Formation complète sur CSS-Grid
24 lectures 02:02:27
Détail des colonnes
12:31
Détail des lignes
04:08
Manipulation de la grille
06:19
Détail des gouttières
04:05
Les fractions
06:02
Fusion horizontale
09:07
Fusion verticale
02:06
Modifier le sens d'affichage des contenus
02:50
Modifier l'ordre d'affichage des contenus
02:59
Job 1: Enoncé
00:55
Job 1: Solution
08:51
Mise en page d'un site avec Grid
12:41
Job 2: Enoncé
03:16
Job 2: Correction 1/3
06:13
Job 2: Correction 2/3
07:25
Job 2: Correction 3/3
03:55
Job 3: Enoncé
01:29
Job 3: Correction 1/3
04:50
Job 3: Correction 2/3
05:51
Job 3: Correction 3/3
02:22
Job 3: Ce qu'il ne faut pas faire
07:19
Conclusion
01:02
L'essentiel à retenir
02:26
+ Formation complète sur FlexBox
21 lectures 56:26
Présentation de FlexBox
06:00
Détail du conteneur
06:08
Retour à la ligne des contenus
04:05
Propriété raccourcie
01:19
Précision sur les axes
01:56
Alignement sur l'axe principal horizontal
04:32
Alignement sur l'axe principal vertical
03:49
Alignement sur l'axe secondaire horizontal
03:15
Alignement sur l'axe secondaire vertical
02:07
Alignement indépendant des contenus
04:13
Ordonner les contenus
02:00
Job 1: Enoncé
01:04
Job 1: Correction
02:43
Job 2: Enoncé
00:46
Job 2: Correction
02:01
Job 3: Enoncé
00:43
Job 3: Correction
03:02
Job 4: Enoncé
00:37
Job 4: Correction
02:20
Job 5: Enoncé
00:33
Job 5: Correction
03:13
+ Création d'un site
13 lectures 01:35:04
Présentation de la maquette
03:33
Mise en page HTML
05:57
Mise en page CSS desktop
05:30
Mise en page CSS smartphone
03:31
Présentation du détail des zones
01:57
Mise en place du header
15:41
Mise en place de la section
05:01
Mise en place de la nav
12:18
Mise en place du footer
10:57
Mise en place de la zone article 1/4
07:58
Mise en place de la zone article 2/4
08:12
Mise en place de la zone article 3/4
06:37
Mise en place de la zone article 4/4
07:52
+ Conclusion
2 lectures 02:51
Conclusion
01:50
Mes autres tutos sur Udemy
01:01
Requirements
  • Avoir quelques connaissances en HTML et en CSS
Description

Vous souhaitez devenir Développeur Frontend ? Vous voulez apprendre à créer des pages web totalement responsives, s'adaptant à tous les types d'écran ? Cette formation est faite pour vous !

Apprenez à utiliser des technologies CSS modernes pour concevoir vos pages web grâce aux technologies Grid et FlexBox.


Cette formation complète va vous permettre d'apprendre à créer des pages web en utilisant du code professionnel totalement validé par le consortium w3c. Vous maîtriserez les technologies CSS Grid et FlexBox.

Pour suivre ce cours dans de bonnes conditions, un minimum de connaissance en HTML et CSS est nécessaire.


Nous ferons également de la pratique au travers de petits exercices (dont je mets les sources à votre disposition), afin de valider vos nouveaux acquis.

Enfin, nous terminerons ce tuto par la création d'un projet final qui expliquera comment utiliser Grid et FlexBox ensemble.

L'ensemble des fichiers sources liés aux différents exercices sont à votre disposition.

Who this course is for:
  • Développeur de site internet, tout niveau (du débutant au confirmé)