Durée : 3 jours
Public : Développeurs web
Pré-requis : Connaissances de HTML et de JavaScript
Objectifs : Maîtriser le développement d'interfaces web pour applications mobiles à l'aide de Cordova
Référence : Dé553-F
Introduction.
- 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
HTML5.
- 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
Utilisation de Cordova.
- 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
Les fonctionnalités embarquées.
- 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
Atelier pratique : une application complète