Développement web pour mobiles

Programme de la formation Développement web pour mobiles multi

plates-formes Introduction au Web Mobiles

L’arrivée des smartphones, aubaine ou calvaire

pour le développeur web ?

Application Web : avantages, inconvénients et

limites

Application Natives : avantages, inconvénients

et limites

Cycles de développement

Architectures : Accélérer l’affichage de nos

applications avec Amazon, App Engine ou

une solution à base de Proxy

Web Mobiles : Site internet ou applications

web mobiles ?

Tour d’horizon des frameworks pour mobiles :

JQTouch, JQuery Mobile, Sencha Touch,

iUI...

Rappels XHTML/CSS et JavaScript

Liens avec ancres

Les images : optimisation des allers/retour

serveur et empilage avec z-index

Gérer les blocs

Sélecteurs CSS avancés (nth-child, ...)

JavaScript : Rappels Syntaxiques

JavaScript : Manipuler DOM, les

événements...

HTML5 : Les nouveautés au cœur du développement web pour mobiles

Nouvelles gestions de blocs

Bases de données côté client

Transactions sur bases de données

Stockage hors-ligne

AJAX amélioré

Graphisme grâce aux Canvas

Multi-Touch

Géolocalisation et utilisation de l’API Google

Maps

Présentation du framework mobile : iUI

Présentation globale

Avantages / Inconvénients

Création de fenêtres

Liens entre fenêtres

Afficher des menus sous forme de listes

Forcer le clavier virtuel

Créer des fenêtres de dialogue

Alertes

Thèmes iPhone grâce aux Panels

La gestion des thèmes avec theme-switcher

Les extensions iUI : nouveaux thèmes

(Android, WebOS), listes de sélection,

calendrier...

Créer des formulaires iPhone-like

JavaScript : navigation rapide entre pages

JavaScript : Gérer les événements des

composants iUI

JavaScript : Appels AJAX

JavaScript : DOM et fenêtres iUI

Envoi de formulaires iUI en Ajax

Présentation du framework mobile : Sencha Touch

Présentation, Setup d’une application

Fonctionnement de l’affichage (panel, menu,

boutons, liste)

Chargement de données en AJAX à partir du

serveur

Formulaire, les différents champs

Gestion des événements

Google Maps dans Sencha Touch

Mettre en place une architecture MVC sur ses

applications Sencha Touch

Présentation du framework mobile : JQuery Mobile

Présentation de JQuery

JQTouch ou JQuery mobile ?

Fenêtres

Barres d’outils

Formulaires

Listes avec ou sans séparateur

Evénements

AJAX

Design

Gestion des thèmes

Gérer les tablettes (iPad, Android, etc.)