Formation Développement Web pour Mobile.
- Référence: DVSE002
- En centre - Inter: Oui.
- En Entreprise - Intra: Oui.
- Durée: 5 jours
- Diplôme: Non.
- Public: Oui.
- Public demandeurs d'emploi: Non.
- Public Etudiant: Non.
- Prix: 2500 €HT.
Présentation:
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
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.)
