Formation web-mobile et responsive design par CHARTIER MATHIEU - INTERNET FORMATION

Généralités et définitions
- Approche des comportements utilisateurs
- Ergonomie, navigation, usabilité et interfaces web
- Notions de web design adaptés aux utilisateurs
- Différences entre API et responsive web design
- Règles et standards du W3C
- Exemples types
Les raisons du succès du web mobile
- Avantages et inconvénients des supports
- Usages et économie du web mobile
- Pourquoi être présent sur mobile dès maintenant ?
Révision rapide des langages d'intégration web
- Balises HTML et syntaxe xHTML
- Balises HTML 5 compatibles
- CSS 2 et CSS 3 : mettre en forme les contenus web
- Intégration rapide d'une interface simple
Penser "Mobile First"
- Notion de "Mobile First"
- Choix de la bonne stratégie sur web mobile
- Architecture et hiérarchisation des contenus
- Structuration du code et du travail
- Rôle et impact du web adaptatif
CSS 3 et médias queries
- Style CSS 3 pour le responsive web design
- Apprentissage des médias queries
- Médias queries exclusifs ou continus ?
- Gestion des différentes interfaces
- Utilisation des "viewport"
Gestion avancée du multimédia
- Créer des images et vidéos adaptées aux écrans
- Gérer les scripts externes
- Améliorer la vitesse de chargement (compression, adaptation...)
Gestion des incompatibilités
- Systèmes d'exploitation (OS) et problèmes liés
- Navigateurs web et web
- mobile
- Contraintes techniques du responsive web design
Derniers conseils pour réussir un site web responsive
- Exploiter les avantages de l'HTML 5
- Adapter les scripts Javascript ou jQuery
- Adapter la taille du Viewport
- Prévoir des médias de différentes tailles
- Réordonner les contenus (menu en bas, taille des polices...)
Exercices d'application en responsive web design
Conclusion sur la formation responsive web design

1. Appréhender le web mobile et le responsive web design
2. Comprendre la notion de Mobile First
3. Maîtriser l'intégration HTML
- CSS en responsive web design
4. Savoir réaliser des sites en responsive web...