Développez avec PhoneGap – Cordova

  • Phonegap-Logo-Simple

Code : PHG

Résumé

Objectif

Développer sur les mobiles des applications multiplateformes n’est pas chose facile. iOS, Android et les autres se sont rendus parfaitement incompatibles en terme de portage d’applications. PhoneGap / Cordova, supporté par le groupe Apache reste une des seules alternative permettant de développer des applications mobiles multiplateformes et ce avec : HTML5, JavaScript et CCS3.

Contenu

Concevoir des applications Web sur mobiles
Les technologies Web
Les langage HTML 5, JavaScript, JQuery Mobile
Utilisation des environnements de développement
Utilisation des APIs PhoneGap / Cordova
CSS

Pour quel public ?

Développeurs, chefs de projet

Pré-requis

Connaître HTML, le langage JavaScript.

Connaître les outils de développement Eclipse et XCode sont un plus.

Durée

3 jours

Exercice

Pour découvrir la plateforme d’exercices, téléchargez l’application du Google play :  LTMJQMCordova

L’application utilise PhoneGap / Cordova 3.0 ainsi que JQuery mobile pour l’interface utilisateur.

LTMJQMCordova

Programme détaillé

Programme de la formation


Concevoir des applications Web sur les mobiles

  • Comparatif développement natif et les Web Apps
  • La librairie WebKit : moteur de base
  • iOS, Android et les autres
  • Introduction aux technologies Web pour les applications mobiles
  • Les feuilles de styles, animations et transformations avec CSS
  • Atelier : Exemple d’applications

Les outils et langages pour développer Web

  • JavaScript : le langage
  • Les outils Chrome
  • Les concepts Objet et JavaScript
  • CSS version 3 : possibilités, différences avec les versions antérieurs
  • Mise en oeuvre de CSS

HTML5

  • JQuery Mobile, la librairie graphique
  • Ajax et ses requêtes XmlHTTPRequest
  • Travaux pratiques : Mise en oeuvre de ces technologies

HTML5 : le standard

  • Les APIs importantes
  • Gérer le stockage local
  • La gestion Offline. La synchronisation des données
  • Aspect de traitements concurrents.
  • Le Canvas : moteur vectoriel
  • La gestion son et vidéo d’HTML5
  • Les nouveaux éléments de formulaire
  • Autres possibilités
  • Travaux pratiques : Développement d’une application avec HTML5

Portage sur une plateforme mobile

  • Les limitations des Web Apps sur les navigateurs mobile : les bonnes pratiques
  • Débogguer les web apps
  • JQuery
  • Gestion des gestures multi touch sur les mobiles avec Phonegap
  • Javascript et la gestion des gestures
  • Comment publier son application
  • Travaux pratiques : Différents travaux relatifs à la gestion des gestures et des APIs

Le projet Phonegap – Cordova

  • Historique et genèse
  • Architecture Phonegap – cordova
  • Présentation des outils
  • Uitiliser Phonegap – cordova sur Android et sur iOS
  • Travaux pratiques : Création d’un projet, utilisation

Programmation avec PhoneGap

  • Les APIs des plateformes mobiles
  • Phonegap et la gestion de :  accéléromètre, GPS, magnétomètre, appareil photo/vidéo, Device, etc…
  • Travail pratique : Création d’une application complète

Fonctions avancées

  • Extension avec les plugins PhoneGap
  • Comment étendre JavaScript
  • Le développement natif pour les plateformes
  • Tester ses applications Phonegap avec Android et IOS
  • Autres fonctions
  • Travaux pratiques
  • Mise en oeuvre des APIs mobiles
  • Création de plugins Javascript Phonegap

Conclusion

  • Evolutions attendues
  • Les projets connexes
  • Les bonnes pratiques

Au sujet du formateur

bertrand

L’équipe LTM

Formation & développement mobile iOS/Android/Web

Contacter l’équipe