Dev. FrontEnd#7 :  Galerie d'images en JavaScript
ERROR
00:00
00:00

TUTO Dev. FrontEnd#7 : Galerie d'images en JavaScript

Carl Brison
9,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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
Leçon 2
Mise en place du code HTML
Leçon 3
Mise en place du code CSS 1/3
Leçon 4
Mise en place du code CSS 2/3
Leçon 5
Mise en place du code CSS 3/3
Leçon 6
Mise en place du code JavaScript
Leçon 7
Mise en place d'un media queries

Plan détaillé du cours

Leçon 1Présentation du job
01m19s
Leçon 2Mise en place du code HTML
02m33s
Leçon 3Mise en place du code CSS 1/3
04m39s
Leçon 4Mise en place du code CSS 2/3
05m41s
Leçon 5Mise en place du code CSS 3/3
05m49s
Leçon 6Mise en place du code JavaScript
06m34s
Leçon 7Mise en place d'un media queries
06m09s
Leçon 8Conclusion
22s
Leçon 9Pour aller plus loin
01m07s

Avis des apprenants

Détail des avis
117
Apprenants
13
Commentaires
5/5
Note moyenne
5/5
13
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 05/11/2019
Un petit tuto sympathique. J'ai toujours été curieuse de savoir comment il était possible d'afficher une grande image à côté ou en-dessous d'une vignette. Je viens d'avoir la réponse. Par contre je ne suis pas convaincue par le côté responsive de la grande image sur un mobile. Elle déborde. Et là je cale :-) En tout cas ce petit exercice a comme toujours été bien agréable à suivre. Merci beaucoup Carl.
Carl Brison
Carl Brison
Merci à vous Valérie
Philippe Piatti
Philippe Piatti
Publié le 08/09/2019
Merci Carl pour ton explication sur JavaScript, car grâce à toi je fais de grands pas, encore merci !
Carl Brison
Carl Brison
Merci beaucoup ;-) Je suis ravi de t'aider à pouvoir évoluer ! Merci pour ta confiance et à bientôt ;-) Carl.
Johanna Bader
Johanna Bader
Publié le 25/08/2019
Très bien encore un tuto de dévoré...
Carl Brison
Carl Brison
C'est vraiment très gentil ;-)

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

JavaScript , CSS 3

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source du tuto

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données