Les Différents Outils de Validation et de Test
Objectifs
À l'issue de cette vidéo, vous serez en mesure de :
- Utiliser différents outils de validation pour vérifier la compatibilité des pages web avec les smartphones.
- Analyser les résultats des tests et corriger les erreurs de code signalées.
- Améliorer la qualité et la performance des pages web grâce à des outils de test spécialisés.
Résumé
Découvrez comment utiliser plusieurs testeurs et validateurs pour garantir la compatibilité des pages web avec les smartphones.
Description
Après avoir examiné notre code dans les validateurs, nous allons tester une page pour vérifier sa bonne présentation sur un smartphone. Plusieurs outils de test existent pour cela. Parmi eux :
1. Testeur général : permet de tester chaque page en entrant l'adresse du site et affiche les résultats sous forme de graphiques.
2. Testeur du W3C : celui que nous utiliserons par la suite.
3. WebPageTest : fournit des graphiques sur le nombre d'images, le poids des images, etc.
4. Plug-in Firefox : offre un accès constant aux différentes caractéristiques des pages affichées via le navigateur Firefox.
Pour commencer, nous utiliserons le validateur du W3C, accessible via validator.w3.org/mobile. Nous allons télécharger notre fichier et vérifier le pourcentage de réussite. Dans notre exemple, nous obtenons 96% de réussite avec deux erreurs mineures concernant le doctype et les attributs height et width. Corriger ces erreurs permettrait d'obtenir un meilleur taux de validation.
Ces outils sont très utiles et simples d'utilisation, facilitant ainsi l'analyse et la vérification du code.
Questions - réponses
Programme détaillé
Module 1 - Introduction
Module 2 - Généralités sur le marché des mobiles
Module 3 - Rappel HTML
Module 4 - Rappel CSS
Module 5 - Notions de HTML5 et CSS3
Module 6 - Concevoir une webApp
Module 7 - Les simulateurs
Module 8 - Construire sa première WebApp
Module 9 - Vérifier et compresser
Module 10 - Construire une webApp avec JQuery Mobile
Module 11 - Annexe 1 | Notions de bande passante
Module 12 - Annexe 2 | Les usages
Module 13 - Annexe 3 | Les librairies disponibles
Module 14 - Conclusion
