Presentation and history phonegap / cordova
Difference between phonegap and cordova
Supported platforms
Development technologies (HTML5, CSS3, JS)

Workshop: Install the cordova environment

Create a Cordova project
Organize cordova folders
Add a platform to the project

Workshop: Create & test a Cordova project

Access the contacts
Use the geolocation
Use the accelerometer
Access the Camera
Read and write to a file
Use the dialog boxes (Alert, Confirm, Prompt)
Test the connection
Use the vibrator

Workshop: Testing several plugins

Detect application loading (onDeviceReady)
Detect switching to foreground and background (onResume, onPause) Touch
management (touchEnd, touchStart)

Workshop: Using the different events

List of existing hooks
Usefulness of hooks
Associating a script with a hook

Workshop: Testing a hook

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

Use SPA (Single Page Application)
Improve performance
Click vs Touch
Animations (CSS vs JS)
Test connection status
Manage security with CSP (Content Security Policy)

Development of mobile web applications
Panorama of available web frameworks: jQTouch, jQuery Mobile, Sencha Touch, Dojo Mobile, …
jQuery Mobile: presentation, components
jQTouch vs jQuery mobile
Presentation HTML 5 / CSS 3 / Ajax
Parameterization of a jQuery project Mobile
jQuery Reminders

Practical workshop: Setting up the development environment: libraries, web server and project organization

Pages / Windows: structure, navigation, overlay, dialog boxes
Tool and navigation bars: layout, positioning
Buttons: types, decoration and grouping
Forms: structure, detail of components, submission and plugin methods
Lists: construction (simple / nested), actions, filtering, decoration
Presentation of themes

Practical workshop: Multiple applications detailing the construction of pages with the use of forms

Framework configuration
Details of events: Touch, Orientation Change, Scroll, animations, …
Overview of methods of the $ .mobile object Dynamic
creation of components
AJAX calls

Practical workshop: Using the jQuery Mobile JavaScript library, dynamic insertion of elements and AJAX calls

Creation of jQuery Mobile components
Data persistence: database, session, …
Geolocation, Google Maps integration, GPS, … presentation of PhoneGap

Hands-on workshop: Creating mobile jQuery components