Formation Jquery Mobile Développement de Site Web Mobiles.
- Référence: DVSE004
- En centre - Inter: Oui.
- En Entreprise - Intra: Oui.
- Durée: 3 jours
- Diplôme: Non.
- Public: Oui.
- Public demandeurs d'emploi: Non.
- Public Etudiant: Non.
- Prix: 1690 €HT
Présentation:
Cette formation Jquery Mobile vous permettra de développer des applications mobiles IOS(Iphone et Ipad, Android, SYmbian, Blackberry, et Windows Phone à l'aide du framework JQUERY Mobile. Vous serez également capable de les déployerur l'app store ou android market grâce à Phone Gap.
Objectifs du cours:
A la fin de cette formation JQuery Mobile, vous saurez développer des applications mobiles pour iOS (iPhone et iPad), Android, SYmbian, Blackberry, et Windows Phone à l’aide du framework JQuery Mobile. Vous serez également capable de les déployer sur l’app store ou l’android market grâce à Phone Gap.
Pré-requis:
Des connaissances sur le HTML/ CSS, le JavaScript et le JQuery sont fortement recommandées.
Programme:
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/JS nécessaires à la formation
Présentation du framework mobile : JQuery Mobile
- Présentation de JQuery
- JQTouch ou JQuery mobile ?
- Les conventions de codage de JQuery Mobile (et bonnes pratiques)
- Cycle de vie des pages JQuery Mobile
- Mono page ou multi-pages ? Conseils d’architecture
- Fenêtres
- Les Menus avec JQuery Mobile (simples, accordéons)
- Barres d’outils
- Les différents types de boutons (simple, à pression, etc.)
- Listes avec ou sans séparateur
- Evénements
- AJAX
- Design – Mise en page
- Effets de transitions
- Gestion des thèmes. Créer son thème réutilisable
- Gérer l’historique de l’application (et le bouton “Retour”)
- Gérer les tablettes (iPad, Android, etc.)
- Les media queries avec JQuery Mobile
Les formulaires avec JQuery Mobile
- Champs de saisies textuelles
- Saisir des nombres
- Faciliter le choix de dates dans un formulaire mobile
- Formulaires de recherches
- Insérer des interrupteurs pour les choix simples tiliser des sliders (ajout dynamique, AJAX)
- Les cases à cocher, Les boutons, etc.
- Les listes de sélection dynamique (avec ou sans AJAX)
- Envoi de documents depuis le mobile
JQuery Mobile, côté Javascript
- Sélecteurs CSS
- Sélecteurs JQuery changePage(), pageLoading(), silentScroll()
- Les événements : Touch, OrientationChange,
- Sc
- L’objet $.mobile
- Faire de l’AJAX avec JQuery
- Stockage local
- JQuery et CSS3
- Changer le thème dynamiquement
- Faire des listes dynamiques avec appels AJAX
- Stocker des données sur le navigateur du mobile (base de données locale)
Déployer son application sur l’App Store, l’Android Market avec PhoneGap
- Présentation de PhoneGap
- Multi-plateformes ?
- Principes techniques
- Configuration avec XCode pour une application iPhone
- Configuration avec Eclipse pour une application Android
- Exécution sous émulateur
- Utiliser toute la hauteur de l’écran
- Changer le nom et le logo de l’application
- Accéder en JavaScript aux fonctionnalités natives
- Bip, Alertes, Vibreur, etc.
- Géolocalisation
- Accéléromètre
- Comparaison d’applications sous iPhone/ Android/Blackberry
- Inscription, Certificats et Déploiement sous iTunes
- Inscription, Certificats et Déploiement sous Android Market
Logiciels utilisés
- Tout logiciel où il n’y a aucun intérêt pédagogique à le faire faire par les stagiaires sera préinstallé sur les postes.
Travaux pratiques
- Tout au long de cette formation, de nombreux exercices seront effectués. En effet, environ 70% du temps est consacré à la pratique.
Prochaines sessions:
06 juillet 2016
07 novembre 2016
