Cours
PrestaShop

Newsletter

Grid & Flexbox : le CSS moderne

Réaliser des sites web moderne grâce aux technologies CSS Grid & FlexBox

Ou s'abonner pour un accès illimité sans engagement à tout Skilleos pour 19,90€/mois. En savoir plus
chapitre

Chapitres

62

chrono

Durée

04h51 de cours en ligne

chrono

Prérequis

acces

Accès

24h/24 et 7j/7
PC/Mac, tablette et smartphone

certificat

Certificat

Délivré à la fin de la formation

1for1

Notes

5 / 5 - 1 votes

1for1

1 For 1

Un abo ou un achat sur Skilleos = Un cours offert à un bénéficiaire

Carl Brison

Carl Brison

Carl Brison est un technicien supérieur en multimédia depuis le début des années 2000, il vient partager ses connaissances ainsi que son expérience en matière de développement web. 

Il pratique les langages HTML, CSS, JavaScript, jQuery, Php, SQL et développe aussi bien du côté front-end que du côté back-end.

Il est également Auteur de livres informatiques que vous pouvez retrouver sur Amazon

Vous souhaitez apprendre à réaliser des pages web responsives, qui s'adaptent à tout type d'écran, en utilisant des technologies CSS modernes et parfaitement valides ?

Ce cours en ligne va vous donner tous les éléments pour apprendre à réaliser des pages web en utilisant du code professionnel totalement validé par le consortium w3c. Vous allez apprendre à utiliser et à maîtriser les technologies CSS Grid et FlexBox.

Apprenez à développer des pages web responsives en utilisant les dernières technologies CSS, à savoir Grid et Flexbox. Découvrez la technologie Grid qui permet de réaliser une grille CSS virtuelle afin d'élaborer des pages web complexes et entièrement responsives. Découvrez également une technologie complémentaire à Grid, la technologie FlexBox. Cette technologie CSS permet de rendre flexible toute sorte d'éléments HTML et ainsi de les positionner très facilement au sein d'une page web.


Contenu du cours

  • Fichiers sources

À la fin du cours, vous serez capable de :

  • Maîtriser la technologie CSS-Grid
  • Maîtriser la technologie FlexBox
  • Savoir utiliser ces 2 technologies ensembles
  • Développer des pages web modernes et responsives

Chapitres

INTRODUCTION
1
08:36
Présentation de la formation
CSS-GRID
2
03:46
Présentation de la grille
3
12:32
Détail des colonnes
4
04:09
Détail des lignes
5
06:19
Manipulation de la grille
6
04:06
Détail des gouttières
7
06:03
Les fractions
8
09:07
Fusion horizontale
9
02:07
Fusion verticale
10
02:51
Modification du sens de l'affichage des contenus
11
02:59
Modification de l'ordre d'affichage des contenus
12
00:55
Job 1: Enoncé
13
08:51
Job 1: Solution
14
12:42
Mise en page d'un site avec Grid
15
03:17
Job 2: Enoncé
16
06:14
Job 2: Correction 1/3
17
07:25
Job 2: Correction 2/3
18
03:56
Job 2: Correction 3/3
19
01:30
Job 3: Enoncé
20
04:51
Job 3: Correction 1/3
21
05:52
Job 3: Correction 2/3
22
02:23
Job 3: Correction 3/3
23
07:20
Job 3: Ce qu'il ne faut pas faire
24
01:02
Conclusion
25
02:26
L'essentiel à retenir
26
03:30
Quiz sur CSS Grid
FLEXBOX
27
06:01
Présentation de FlexBox
28
06:08
Détail du conteneur
29
04:06
Retour à la ligne des contenus
30
01:20
Propriété raccourcie
31
01:56
Précision sur les axes
32
04:33
Alignement sur l'axe principal horizontal
33
03:49
Alignement sur l'axe principal vertical
34
03:16
Alignement sur l'axe secondaire horizontal
35
02:08
Alignement sur l'axe secondaire vertical
36
04:13
Alignement indépendant des contenus
37
02:00
Ordonner les contenus
38
01:04
Job 1: Enoncé
39
02:43
Job 1: Correction
40
00:47
Job 2: Enoncé
41
02:01
Job 2: Correction
42
00:44
Job 3: Enoncé
43
03:03
Job 3: Correction
44
00:37
Job 4: Enoncé
45
02:21
Job 4: Correction
46
00:34
Job 5: Enoncé
47
03:14
Job 5: Correction
48
03:00
Quiz sur Flexbox
CREATION D'UN SITE
49
03:34
Présentation de la maquette
50
05:58
Mise en page HTML
51
05:30
Mise en page CSS desktop
52
03:32
Mise en page CSS smartphone
53
01:57
Présentation du détail des zones
54
15:41
Mise en place du header
55
05:02
Mise en place de la section
56
12:18
Mise en place de la nav
57
10:57
Mise en place du footer
58
07:59
Mise en place de la zone article 1/4
59
08:13
Mise en place de la zone article 2/4
60
06:37
Mise en place de la zone article 3/4
61
07:53
Mise en place de la zone article 4/4
CONCLUSION
62
01:50
Conclusion


   Avis (1)

5/ 5


48 élèves suivent déjà ce cours



  • .
    Il y a 2 mois


    Le sujet a été très bien détaillé, l'expert est très pédagogue!!! Il présente son cours de façon clair et simple. Faire le cours en grand écran est beaucoup plus pratique pour rester concentré.

Nos élèves ont également aimé :

Grid & Flexbox : le CSS moderne

39.00 €

close if for show price

  • langues fr