CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML5 et CSS3 / Part 4 Créer une Page de Préchargement avec jQuery.html5loader

Créer une Page de Préchargement avec jQuery.html5loader

Gérer le préchargement d'images
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 4
Revoir le teaser Je m'abonne
4,5
Transcription

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
4,5
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont :

  • Vous apprendre à utiliser la librairie jQuery.html5loader pour créer des pages de préchargement.
  • Vous montrer comment écrire et structurer un fichier JSON pour le préchargement de ressources.
  • Vous guider dans l'intégration de visuels de préchargement pour améliorer l'interactivité de vos sites web.

Découvrez comment utiliser la librairie jQuery.html5loader pour créer une page de préchargement efficace.

Dans cette leçon, vous apprendrez à réaliser une page de préchargement, aussi appelée preloader, en utilisant la librairie jQuery.html5loader. Vous serez guidé à travers plusieurs étapes importantes :

  • Création d'un fichier JSON contenant les éléments à précharger.
  • Intégration et configuration de la librairie jQuery.html5loader dans une page HTML.
  • Utilisation de visuels de préchargement HTML5 pour indiquer à l'utilisateur le statut de chargement.
  • Rédaction du script JavaScript pour gérer le préchargement et la transition vers la page finale.

Cette technique est particulièrement utile pour les pages web contenant des images lourdes et permet d'améliorer l'expérience utilisateur en assurant un chargement fluide des contenus.

Voir plus
Questions réponses
Pourquoi utiliser un fichier JSON pour précharger des éléments?
Le fichier JSON permet de lister et structurer les éléments à précharger de manière claire et organisée, facilitant ainsi leur gestion et chargement.
Quelle est la fonction principale de la librairie jQuery.html5loader?
La librairie jQuery.html5loader permet de gérer le préchargement de ressources web et d'afficher un indicateur de chargement visuel pendant cette phase.
Pourquoi est-il important d'avoir un serveur local comme WAMP?
Travailler avec un serveur local comme WAMP est indispensable pour tester et exécuter correctement les scripts JavaScript et les requêtes de chargement des fichiers JSON.

Programme détaillé

2 commentaires
4,5
2 votes
5
4
3
2
1
Azraël
Il y a 3 ans
Bonne formation.
Dommage que M Audoux ne va pas toujours au terme de ses exemples. Il manque souvent un petit "clic" qui finaliserait le cours.
Je rejoins le commentaire précédent, à savoir qu'il manque les fichiers de travail avec lesquels il serait plus facile de s'exercer.
lyazid.meaux
Il y a 4 ans
Très bonne formation, juste ce qu'il faut.
Est il possible d'avoir les exemples afin de pouvoir travailler dessus et ne pas être obliger de jongler entre l'éditeur et la vidéo.

Merci.