Formation Cordova/Phonegap et jQuery Mobile .
Programme.
Durée : 5 jours
Public : Développeurs Web
Pré-requis : Connaissances de HTML, de CSS et de JavaScript
Objectifs : Maîtriser le développement d'interfaces web pour applications mobiles à l'aide de Cordova en conjonction avec jQuery mobile
Référence : Dé640-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
Introduction à jQuery Mobile.
- 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
Tarifs:
A distance ou présentiel: 2396 euros
