Introduction
Historique
Quelle différence y a t-il entre Phonegap et Cordova ?
Phonegap Build ?
Les outils de développement
Créer une première application
Installation nodejs
Installation Cordova
Structure d’un projet Cordova
Configuration : le fichier config.xml
Tester à l’aide d’un navigateur
Atelier pratique : Mise en place de l’environnement de développement, Création d’un projet.
Prise en main de Cordova
Installation des outils (JDK, Android, Ant,,)
Atelier pratique: Tester l’application sur un téléphone mobile ou un émulateur
Rappel HTML5/CSS3/JavaScript et AJAX
HTML5
CSS 3
JavaScript
Dom
Ajax
Plugins Cordova
Définition
Ajouter des plugins
Supprimer des plugins
Les informations matérielles
Les notifications
La géolocalisation
Les médias
La caméra
Les contacts
Enregistrement Audio, Vidéo
Atelier pratique: Portage d’un site web vers le mobile
Atelier pratique: Géolocalisation et affichage de la position de l’utilisateur sur Google Maps
Introduction aux web services REST
REST
Atelier pratique: consommer un web service REST
Le stockage sur mobile
LocalStorage
SessionStorage
WebSQL
Partager une application Cordova
Création de compte IOS développeur
Création de certificats
Publier notre application sur google play
Phonegap Build
Découvrir le projet avec PhoneGap Build
Atelier pratique: Compiler une application pour périphériques mobiles
Introduction à jQuery
Présentation de JQuery
Les sélecteurs CSS
Naviguer dans le DOM
Gestion des évènements
AJAX et JQuery
Gestion des évènements
Les événements
Gestion des événements dans le code HTML
Gestion des événements dans le code JavaScript
La fonction .on()
Introduction à jQuery Mobile présentation
Présentation de jQuery mobile
JQTouch ou JQuery mobile?
Avantages JQuery mobile
Mono page ou multipages ?
Attributs HTML utilisés par jQuery Mobile
Barres d’outils (header, footer, )
Utiliser les barres de navigation
L’objet $.mobile
Structurer une application mobile pour jQuery
Utilisation de l’éditeur de thème.
Personnalisation d’un thème.
Structure d’une page jQuery
Créer des pages
Créer des transitions
La navigation et l’historique
Composants jQuery Mobiles
Pages: structure, navigation, boîtes de dialogue
Barres d’outils et de navigation : mise en place, positionnements
Types de boutons
Listes : construction (simples/imbriquées),
Les formulaires avec jQuery Mobile
Champs de type text
Liste dynamique
Boutons radio, cases à cocher
Sliders,
Envoi du formulaire et contrôle du formulaire.
Travaux pratiques : Création et validation d’un formulaire
Evènements spécifiques
Détecter l’orientation de l’écran avec « orientationchange ».
Evènements spécifiques de jQuery mobile : pageInit() et pageCreate() .
