Inleiding

Presentatie en geschiedenis phonegap/cordova
Verschil tussen phonegap en cordova
Ondersteunde platforms
Ontwikkelingstechnologieën (HTML5, CSS3, JS)

Workshop: De cordova-omgeving installeren

Toepassing

Een Cordova project aanmaken
Cordova mappen organiseren
Een platform aan het project toevoegen

Workshop: Creëren en testen van een Cordova project

De Cordova API's

Contacten openen
Geolocatie gebruiken
De versnellingsmeter gebruiken
De camera openen
Een bestand lezen en schrijven
De dialoogvensters gebruiken (Waarschuwing, Bevestiging, Prompt)
De verbinding testen
De vibrator gebruiken

Workshop: verschillende plugins testen

Evenementen

Detecteren van het laden van de toepassing (onDeviceReady)
Detecteren van de overgang naar de voorgrond en achtergrond (onResume, onPause)
Aanraakbeheer (touchEnd, touchStart)

Workshop: Gebruik van de verschillende gebeurtenissen

Haken

Lijst van bestaande haken
Bruikbaarheid van haken
Een script aan een haak koppelen

Workshop: Testen van een haak

Opslaan van gegevens

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

De beste praktijken

SPA's (Single Page Application) gebruiken
Prestaties verbeteren
Click vs Touch
Animaties (CSS vs JS)
Verbindingsstatus testen
Beveiliging beheren met CSP's (Content Security Policy)

Inleiding tot jQuery Mobile

Mobiele webapplicaties ontwikkelen
Overzicht van beschikbare webframeworks: jQTouch, jQuery Mobile, Sencha Touch, Dojo Mobile,...
jQuery Mobile: presentatie, componenten
jQTouch vs jQuery mobile
Presentatie HTML 5 / CSS 3 / Ajax
Opzetten van een jQuery Mobile project
Herinneringen aan jQuery

Praktische workshop: Opzetten van de ontwikkelomgeving: bibliotheken, webserver en projectorganisatie

jQuery Mobile componenten

Pagina's/Vensters: structuur, navigatie, overlays, dialoogvensters
Werkbalken en navigatie: instellen, positionering
Knoppen: types, decoratie en groepering
Formulieren: structuur, details van componenten, indiening en plugin-methodes
Lijsten: opbouw (eenvoudig/nest), acties, filtering, decoratie
Presentatie van thema's

Praktische workshop: Meerdere toepassingen die de opbouw van pagina's met het gebruik van formulieren in detail beschrijven

jQuery Mobile JavaScript API

Configuratie van het kader
Details van de gebeurtenissen : Aanraken, oriëntatieverandering, scrollen, animaties,...
Overzicht van de methoden van het object $.mobile
Dynamisch aanmaken van componenten
AJAX-oproepen

Praktische workshop: Gebruik van de jQuery Mobile JavaScript-bibliotheek, dynamisch invoegen van elementen en AJAX-oproepen

Geavanceerde concepten

Het creëren van jQuery Mobile componenten
Data persistentie: database, sessie,...
Geolokalisatie, Google Maps integratie, GPS,...presentatie van PhoneGap

Praktische workshop : Creatie van mobiele jQuery componenten