Cette formation développement web pour mobile vous permettra de réaliser des applications pour mobiles à l'aide de technologies web standards telles que HTML 5 , CSS3, et Java Script.
Cela vous permettra de porter vos applications sur les mobiles Iphone, Android, Symbian , Blackberry et Windows Phone. Les applications réalisées pourront être déployées sur l'app store ou l'Android market grâce à Phone Gap.
Objectifs du cours:
Réaliser des applications pour mobiles à l’aide de technologies web standards telles que HTML 5, CSS3, et JavaScript. Porter vos applications sur les mobiles iPhone, Android, Symbian, Blackberry, et Windows Phone. Les applications réalisées pourront être déployées sur l’app store ou l’Android market grâce à Phone Gap.
Pré-requis:
Connaitre le HTML/CSS et le JavaScript.
Programme:
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 coeur 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