jQuery Mobile

Connaissances de HTML/CSS/JavaScript et jQuery

Maîtriser le développement d'interfaces web pour applications mobiles à l'aide de jQuery Mobile.

Introduction

Développement d'applications web mobiles
Panorama des frameworks web disponibles:jQTouch, jQuery Mobile, Sencha Touch, Dojo Mobile,...
jQuery Mobile: présentation, composantes
jQTouch vs jQuery mobile
Présentation HTML 5 / CSS 3 / Ajax
Paramétrage d'un projet jQuery Mobile
Rappels de jQuery

Atelier pratique: Mise en place de l'environnement de développement: bibliothèques, serveur web et organisation du projet

Composants jQuery Mobiles

Pages/Fenêtres: structure, navigation, superposition, boîtes de dialogue
Barres d'outils et de navigation: mise en place, positionnements
Boutons: types, décoration et groupage
Formulaires: structure, détail des composants, soumission et plugin methods
Listes: construction (simples/imbriquées), actions, filtrage, décoration
Présentation des thèmes

Atelier pratique: Multiples applications détaillant la construction de pages avec utilisation de formulaires

API JavaScript jQuery Mobile

Configuration du framework
Détail des évènements: Touch, Orientation Change, Scroll, animations,...
Panorama des méthode de l'objet $.mobile
Création dynamique de composants
Appels AJAX

Atelier pratique: Utilisation de la bibliothèque JavaScript de jQuery Mobile, insertion dynamique d'éléments et appels AJAX

Concepts avancés

Création de composants jQuery Mobile
Persistance des données: base de données, session,...
Géolocalisation, intégration Google Maps, GPS,... présentation de PhoneGap
Introduction à jQTouch

Atelier pratique: Création de composants jQuery mobiles

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Contrôle continu

Attestation de fin de stage mentionnant le résultat des acquis