CATALOGUE
Code & Data
Formation
XHTML/CSS
Apprendre HTML5 et CSS3 / Part 4
Créer une Page de Préchargement avec jQuery.html5loader
DescriptionProgrammeAvis
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.
Questions fréquentes
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é
Module 1 - Introduction à la formation HTML5 et CSS3 Part 4
Module 2 - Initiation javascript et jQuery
Module 3 - Déplacements et apparition
Les ancres fluides jq
09:22
Le lazy loading
06:35
Parallaxe vertical
06:56
Parallaxe horizontal
08:45
Module 4 - Gestion audio et video
Module 5 - Réaliser des menus
Module 6 - Présenter des images
Module 7 - Technologie Ajax
Charger une page en ajax
09:10
Module 8 - Les formulaires
Module 9 - Les images
Module 10 - Autres
2 commentaires
4,5
2 votes
5
4
3
2
1
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.
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.