JS moderne, EXO #17, Créer une page de vente
JS moderne, EXO #17, Créer une page de vente
Dans ce tuto en vidéo nous allons réaliser un site web en utilisant les technologies CSS Grid et Flexbox.
Le but de ce tuto n'est pas tant de créer un site internet, mais d'apprendre à structurer une méthodologie de travail. En effet, le développement d'une page web devient de plus en plus complexe, il devient donc indispensable de travailler en utilisant des process ce qui permet ainsi de travailler efficacement !
Nous allons partir de 0 et monter tout un projet en nous consacrant à la méthodologie de travail.
Les technologies que nous allons utilisées dans ce tuto sont les suivantes :
- HTML5
- CSS-Grid
- Flexbox
- Les medias queries
Je mets également à votre disposition, l'ensemble des codes utilisé dans ce tuto.
En cas de besoin, je mets à votre disposition les cours suivants :
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Présentation de la maquette
Présentation de la maquette
Leçon 2
Mise en page HTML
Mise en page HTML
Leçon 3
Mise en page CSS desktop
Mise en page CSS desktop
Leçon 4
Mise en page CSS smartphone
Mise en page CSS smartphone
Leçon 5
Présentation du détail des zones
Présentation du détail des zones
Leçon 6
Mise en place du header
Mise en place du header
Leçon 7
Mise en place de la section
Mise en place de la section
Plan détaillé du cours
Leçon 1Présentation de la maquette
06m15
Leçon 2Mise en page HTML
06m54
Leçon 3Mise en page CSS desktop
08m45
Leçon 4Mise en page CSS smartphone
05m12
Leçon 5Présentation du détail des zones
03m10
Leçon 6Mise en place du header
16m10
Leçon 7Mise en place de la section
06m14
Leçon 8Mise en place de la nav
13m27
Leçon 9Mise en place du footer
11m04
Leçon 10Mise en place de la zone article 1/4
09m26
Leçon 11Mise en place de la zone article 2/4
09m27
Leçon 12Mise en place de la zone article 3/4
07m03
Leçon 13Mise en place de la zone article 4/4
07m37
Leçon 14Conclusion
02m35
Leçon 15Pour aller plus loin
36
Avis des apprenants