CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML5 et CSS3 / Part 4 - Aller plus loin avec JavaScript et jQuery 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 - Aller plus loin avec JavaScript et jQuery
Revoir le teaser Je m'abonne
4,3
Transcription
Cette leçon fait partie de la formation
59,90€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,3
Cette leçon fait partie de la formation
59,90€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm

Introduction et Mise en place

Objectifs

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.

Résumé

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

Description

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 fréquentes

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é

3 commentaires
4,3
3 votes
5
4
3
2
1
Profile picture for user phbernard
Philippe B.
Il y a 5 mois
Formation de bon niveau M Audoux est un professionnel.
Dommage que nous n'ayons pas les fichiers, par ailleurs M Audoux devrait également montré les fichiers CSS
D'autre par les fichiers JS à la version utilisée par M Audoux simplifieraient le travail de l'étudiant.
Profile picture for user Azraël
William F.
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 g.
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.