JS moderne, Exo #7, Mise en place d'une image de fond d'écran aléatoire
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
35m26
de formation
8
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

JS moderne, Exo #7, Mise en place d'une image de fond d'écran aléatoire

4.8/5 Trustpilot (1392 avis) Satisfait ou remboursé
35m26
de formation
8
leçons vidéo
1
chapitre

Dans cet exercice nous allons mettre en application une partie des connaissances que nous avons acquises dans le tuto sur le JavaScript avancé dédié à l'objet Math.
Ces connaissances en JavaScript moderne vont nous permettre de pouvoir mettre en place l'affichage d'une image de fond d'écran d'un site web de manière aléatoire.

Je mets à votre disposition l'ensemble des codes de cet exercice.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.

Afin de suivre ce tutoriel dans de bonnes conditions, il est recommandé d'avoir visualisé les cours suivants :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Présentation de l'exercice
Leçon 2
Mise en place du HTML
Leçon 3
Mise en place du CSS de base
Leçon 4
Mise en place de l'image de fond d'écran
Leçon 5
Rappel de la méthode aléatoire
Leçon 6
On écoute le chargement de la page
Leçon 7
Ecriture de la fonction aléatoire

Table des matières

Leçon 1

Présentation de l'exercice

01m30
Leçon 2

Mise en place du HTML

03m44
Leçon 3

Mise en place du CSS de base

05m20
Leçon 4

Mise en place de l'image de fond d'écran

05m18
Leçon 5

Rappel de la méthode aléatoire

05m35
Leçon 6

On écoute le chargement de la page

07m51
Leçon 7

Ecriture de la fonction aléatoire

04m37
Leçon 8

Conclusion

01m31

Avis des apprenants

Détail des avis
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Besselbach
Besselbach
Publié le 11/05/2025
Il va falloir que je rafraichisse mon javascript qui date un peu. Merci de ce tuto.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire ;-)
Alain Tardif
Alain Tardif
Publié le 25/01/2023
Merci Carl pour ce cours. J'ai apprécié la mise en pratique de l'objet `Math` pour générer des images aléatoires. La fonction `F_imageAleatoire` est simple et efficace, j’ai trouvé l’astuce du `Math.random()` pour générer un nombre aléatoire et Math.round() pour l’arrondir, bien expliquée. Ce type d’exercice concret permet de bien ancrer les notions et de les réutiliser facilement dans d’autres projets. Validé 100%. 👍
Carl Brison
Carl Brison
Merci à vous, c'est vraiment très gentil ;-)
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 19/10/2022
Toujours aussi bien !
Carl Brison
Carl Brison
Merci beaucoup !

Vos questions sur le cours

Que contient le fichier source ?

Le code source de l'exercice.

Quel est le niveau requis pour suivre ce tuto ?

débutant

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
9,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
35m26 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 784 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)

Formations complémentaires

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

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données