Formation Cordova/Phonegap et jQuery Mobile - 5 jours

Développement d'applications web mobiles

Panorama des frameworks web disponibles :jQTouch, jQuery Mobile, Sencha Touch, Dojo Mobile,...

PhoneGap : présentation, composantes

Présentation HTML 5 / CSS 3 / AJAX

Atelier pratique : Mise en place de l'environnement de développement

Structure d'une page HTML 5


Différences avec le html 4/xhtml1 (nouveaux éléments, éléments obsolètes)


Eléments de styles CSS en HTML 5


Balises sémantiques et d'organisation


Création et utilisation de formulaires : nouveautés

Intégration d'animations et sons


Rappels de JavaScript

Dessin 2D


Géo-localisation : concepts et fonctionnement


Evènement (EventSource API)


Envoi de message entre documents/par canaux (PostMessage API, XHR)

Présentation de CSS3

Atelier pratique : réalisation d'un site incluant des formulaires et du contenu

Concepts et plate-formes supportées

Mise en place d'un environnement de développement, et équivalence dans les autres environnement

Installation de Cordova

Configurations spécifiques par type de plateforme (Windows Phone, Android, IOS)

Atelier pratique : Prise en main de Cordova - Paramétrage et déploiement d'un projet

Emulation sur de multiples plateformes

Accéléromètre, GPS, magnétomètre, appareil photo/vidéo, ...

Accès aux services natifs de messagerie, photo, ...

Un site en ligne avec une interface Cordova

Intégration d'objets JavaScript, utilisation de SDK spécifiques

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

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

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

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