Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
Dans ce nouveau tuto dédié au développement Font-End, nous allons apprendre à réaliser une galerie d'images.
Un clic sur une vignette affichera l'image en grand et cela sans devoir rafraîchir la page web.
Afin d'exécuter ce script, nous allons utiliser le langage JavaScript .
Pour ce qui sera de la mise en page, nous utiliserons la technologie flexbox.
Evidemment, nous mettrons en place le côté responsive afin que notre galerie d'images s'adapte à tout type d'écran.
Si vous ne connaissez pas flexbox, je mets à votre disposition un tuto entièrement dédié à son apprentissage.
Les codes de ce tuto sont disponibles en simple téléchargement.
Un QCM termine ce cours.
Je reste disponible dans le salon d'entraide si vous avez des questions !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Présentation du job
Présentation du job
Leçon 2
Mise en place du code HTML
Mise en place du code HTML
Leçon 3
Mise en place du code CSS 1/3
Mise en place du code CSS 1/3
Leçon 4
Mise en place du code CSS 2/3
Mise en place du code CSS 2/3
Leçon 5
Mise en place du code CSS 3/3
Mise en place du code CSS 3/3
Leçon 6
Mise en place du code JavaScript
Mise en place du code JavaScript
Leçon 7
Mise en place d'un media queries
Mise en place d'un media queries
Plan détaillé du cours
Leçon 1Présentation du job
01m19
Leçon 2Mise en place du code HTML
02m33
Leçon 3Mise en place du code CSS 1/3
04m39
Leçon 4Mise en place du code CSS 2/3
05m41
Leçon 5Mise en place du code CSS 3/3
05m49
Leçon 6Mise en place du code JavaScript
06m34
Leçon 7Mise en place d'un media queries
06m09
Leçon 8Conclusion
22
Leçon 9Pour aller plus loin
01m07
Avis des apprenants