Cordova/Phonegap et jQuery Mobile

Combien de temps dure la formation ?

5,00 jour(s)

Dans quelle(s) langue(s) la formation est-elle donnée ?

EN FR

Quand a lieu la prochaine session ?

Qui organise cette formation ?

Dawan est un organisme de formations qui propose plus de 2500 formations en informatique, management, gestion de projets et commercial en inter-entreprise ou en intra. Notre catalogue regroupe des centaines de thématiques: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop, l'intelligence artificielle, etc.

À qui s’adresse la formation ?

Développeurs Web

Quels sont les prérequis ?

Connaissances de HTML, de CSS et de JavaScript

Quels sont les objectifs poursuivis ou les compétences visées ?

Maîtriser le développement d'interfaces web pour applications mobiles à l'aide de Cordova en conjonction avec jQuery mobile.

Quel est le contenu de la formation ?

Introduction

Présentation et historique phonegap/cordova
Différence entre phonegap et cordova
Les plateformes supportées
Technologies de développement (HTML5, CSS3, JS)

Atelier: Installer l'environnement cordova

Application

Créer un projet Cordova
Organisation des dossiers cordova
Ajouter une plateforme au projet

Atelier: Créer & tester un projet Cordova

Les API Cordova

Accéder aux contacts
Utiliser la géolocalisation
Utiliser l'accélérometre
Accéder à la Camera
Lire et écrire dans un fichier
Utiliser les boites de dialogue (Alert, Confirm, Prompt)
Tester la connexion
Utiliser le vibreur

Atelier: Tester plusieurs plugins

Les Evènements

Détecter le chargement de l'application (onDeviceReady)
Détecter le passage au premier et arrière plan (onResume, onPause)
Gestion du touché (touchEnd, touchStart)

Atelier: Utiliser les différents évènements

Les Hooks

Liste des hooks existant
Utilité des hooks
Associer un script à un hook

Atelier: Tester un hook

Stocker les données

API Restful
LocalStorage & SessionStorage
Web Storage HTML5
Api FileSystem
Plugin SQLite

Les bonnes pratiques

Utiliser les SPA (Single Page Application)
Améliorer les performances
Click vs Touch
Animations (CSS vs JS)
Tester le status de la connexion
Gérer la sécurité avec les CSP (Content Security Policy)

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

Atelier pratique: Création de composants jQuery mobiles