Dev. FrontEnd#7 : Galerie d'images en JavaScript
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
34m13
de formation
9
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

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

4.8/5 Trustpilot (1391 avis) Satisfait ou remboursé
34m13
de formation
9
leçons vidéo
1
chapitre

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

Table des matières

Leçon 1

Présentation du job

01m19
Leçon 2

Mise en place du code HTML

02m33
Leçon 3

Mise en place du code CSS 1/3

04m39
Leçon 4

Mise en place du code CSS 2/3

05m41
Leçon 5

Mise en place du code CSS 3/3

05m49
Leçon 6

Mise en place du code JavaScript

06m34
Leçon 7

Mise en place d'un media queries

06m09
Leçon 8

Conclusion

22s
Leçon 9

Pour aller plus loin

01m07

Avis des apprenants

Détail des avis
199
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
5
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
5
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
5
Très bien encore un tuto de dévoré...
Carl Brison
Carl Brison
C'est vraiment très gentil ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source du tuto
Choisissez votre accès

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
8,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
34m13 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 781 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)
Continuez votre progression

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

+ 1,400,000 d’apprenants et d’entreprises se forment au quotidien sur Tuto.com
  • Logo adobe
  • Logo etapes
  • Logo nikon
  • Logo arte
  • Logo xp-pen
  • Logo citia
  • Logo universal
  • Logo jc-decaux
  • Logo cite-science
  • Logo credit-agricole
  • Logo om
  • Logo fff
Paiement 100% sécurisé

Vos données sont chiffrées et protégées pendant toute la transaction.

  • visa-mono
  • mastercard-alt
  • maestro-alt
  • paypal-mono
  • klarna-mono
  • apple-pay-mono
  • google-pay-mono
Besoin d’aide ?

Notre équipe répond à vos questions du lundi au vendredi de 10h à 12h et de 14h à 16h.
Support par e-mail ou par téléphone au 01 84 80 80 29.

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1425 tutos gratuits

Notre politique de protection des données