A l’issue de la formation le participant sera capable de :
Développer des applications mobiles pour iOS (iPhone et iPad), Android, SYmbian, Blackberry, et Windows Phone à l’aide du framework JQuery Mobile
Déployer les applications sur l’App store ou l’Android Market grâce à Phone Gap
- Développement
- Développement web
Formation jQuery Mobile – Développement web pour smartphones et tablettes
Objectifs
Prérequis
Avoir suivi la formation « Les fondamentaux du développement d’interfaces graphiques avec HTML5, CSS3 et JavaScript » ou connaissances équivalentes
Une connaissance de jQuery ou jQuery UI est un plus pour suivre la formation
Cette formation ne peut être financée que dans le cadre d’un projet d’entreprise (prise en charge entreprise ou OPCO). Les dossiers à financement personnel et CPF ne sont pas pris en compte.
Public
Architectes, chefs de projets, consultants, développeurs, ingénieurs, Webmasters
Dernière mise à jour
Bon à savoir
Evaluez votre niveau
Formations modulables
Travaux pratiques
Les Modules
de formation
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 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
Évè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
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
Utiliser 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
Sélecteurs CSS
Sélecteurs JQuery
changePage(), pageLoading(), silentScroll()
Les évènements : touch, orientationChange, scoll, page, animation
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)
Présentation de PhoneGap
Multi-plates-formes ?
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
L’apprentissage par la pratique : au cours de la formation, les participants sont amenés à réaliser de nombreux ateliers pratiques leur permettant d’acquérir une première expérience concrète de jQuery Mobile.
Le partage de bonnes pratiques de développement par des consultants spécialistes du Framework.
Des conseils pour créer des applications séduisantes et ergonomiques.