Bonnes Pratiques pour le Web Mobile
Découvrez les meilleures pratiques pour l'accessibilité du web mobile, comprenant les recommandations du W3C sur l'optimisation de l'affichage et de la navigation.
Introduction
Généralités sur le marché des mobiles
Rappel HTML
Rappel CSS
Notions de HTML5 et CSS3
Concevoir une webApp







Les simulateurs






Construire sa première WebApp





















Vérifier et compresser
Construire une webApp avec JQuery Mobile



















Annexe 1 | Notions de bande passante
Annexe 2 | Les usages
Annexe 3 | Les librairies disponibles
Conclusion
Détails de la leçon
Description de la leçon
Ce cours détaille les bonnes pratiques pour créer des sites web mobiles performants et accessibles à tous. Il explore les recommandations du W3C, notamment des règles visant à optimiser l'affichage et la navigation, même sur les appareils mobiles de première génération. Ces règles abordent l'importance de réduire la taille des images et de minimiser les accès réseau pour améliorer la performance sur des écrans de petite taille. Le cours explique également l'utilisation des sprites, la navigation optimisée, ainsi que l'établissement de sites fluides et adaptés à différents terminaux. Des pratiques spécifiques des constructeurs comme Apple, Android, BlackBerry et Microsoft sont également présentées.
En suivant ce cours, vous apprendrez à ajuster vos contenus pour qu'ils soient accessibles et pratiques sur tous les types de mobiles, tout en considérant les limitations matérielles et les besoins spécifiques des utilisateurs en déplacement.
Objectifs de cette leçon
À la fin de cette vidéo, vous pourrez :
- Comprendre et appliquer les bonnes pratiques du W3C pour les sites mobiles
- Optimiser les sites web mobiles pour une meilleure performance et accessibilité
- Minimiser les accès réseau et adapter les contenus pour des écrans de petite taille
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir :
- Des connaissances de base en développement web (HTML, CSS)
- Une compréhension des principes d'accessibilité sur le web
Métiers concernés
Ces principes peuvent être appliqués dans de nombreux métiers :
- Développeur front-end
- Designer UX/UI
- Consultant en accessibilité web
Alternatives et ressources
En plus des outils présentés, vous pouvez explorer les pratiques de :
- Google (via les Google Developers)
- Mozilla (via le MDN Web Docs)
Questions & Réponses
