Cordova/PhoneGap

Connaissances de HTML et de JavaScript

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

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)

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

Sources des exercices + Support papier