Jour 1

Le Web Mobile

• Etat des lieux des navigateurs
• Les possibilités des sites optimisés pour mobiles
• Les applications hybrides
• Typologie d'applications
• Principaux frameworks

Conception des WebApps

• Une page = plusieurs pages
• Evènements de page
• Navigation et hashtag
• Gestion de l'état côté client
• Appels serveurs REST en JSON

Exemple de travaux pratiques (à titre indicatif)

• Création d'un premier projet jQuery Mobile (JQM) et compréhension de l'architecture de celui-ci

Jour 2

jQuery Mobile (JQM)

• Evènements du cycle de vie
• Transitions entre pages
• DOMCache et réaffichage
• Widgets
• Configuration et mobileinit
• Thèmes et switch

Exemple de travaux pratiques (à titre indicatif)

• Création d'une application jQuery Mobile multi-page

Intégration JQM Backbone.js

• MVC à la mode Backbone
• Définition des vues et modèles
• Routage par Backbone
• Interception des événements

Exemple de travaux pratiques (à titre indicatif)

• Création d'une application utilisant Backbone.js et intégrant jQuery Mobile pour une application à rôle réparti

Jour 3

HTML 5 pour les mobiles

• Déconnexion
• ApplicationCache et LocalStorage
• Géolocalisation
• Autres API

Exemple de travaux pratiques (à titre indicatif)

• Depuis jQuery Mobile, utilisation des API HTML 5 de géolocalisation et de LocalStorage

Jour 4

Responsive Design

• Adaptation des contenus, CSS et JavaScript
• Media Queries
• Frameworks responsive
• Composants responsive de jQuery Mobile

Déploiement

• Déploiement sur un serveur Web
• Ajout à l'écran d'accueil
• Icone et SplashScreen
• Intégration dans une WebView avec PhoneGap
• Diffusion d'une application hybride

Exemples de travaux pratiques (à titre indicatif)

• Ajout au code jQuery Mobile de l'utilisation des Media Queries afin d'affiner l'affichage sur des devices mobiles
• Création d'une application d'intégration de jQuery Mobile dans PhoneGap