Objectifs de formation
A l’issue de cette formation, vous serez capable de :
- Développer des applications Web avec jQuery Mobile (JQM)
- Faire cohabiter jQuery Mobile et un framework MVC
- Créer des pages pour les Smartphones et tablettes
- Résumer les bases du Responsive Design
- Utiliser des API HTML 5 pour gérer la déconnexion
- Déployer sur le Web ou sur les stores avec PhoneGap.
Modalités, méthodes et moyens pédagogiques
Formation délivrée en présentiel ou distanciel* (e-learning, classe virtuelle, présentiel à distance).
Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).
Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :
- Ordinateurs Mac ou PC (sauf pour les cours de l'offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
- Environnements de formation installés sur les postes de travail ou en ligne
- Supports de cours et exercices
En cas de formation intra sur site externe à M2i, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.
* nous consulter pour la faisabilité en distanciel
** ratio variable selon le cours suivi
Prérequis
Avoir suivi la formation JVS-IN "JavaScript" ou avoir les connaissances équivalentes.
Testez vos connaissances
Afin de vous orienter vers la formation la plus adaptée à votre niveau, passez votre test de connaissances pour évaluer vos compétences actuelles.
Temps estimé : 4 minutes.
Passer le testPublic concerné
Développeurs, architectes, chefs de projets techniques.
Programme
Jour 1
Le Web Mobile
- Etat des lieux des navigateurs
- Les possibilités des sites optimisés pour mobiles
- Les applications hybrides
- Typologie d'applications
- Principaux frameworks
Conception des WebApps
- Une page = plusieurs pages
- Evènements de page
- Navigation et hashtag
- Gestion de l'état côté client
- Appels serveurs REST en JSON
Exemple de travaux pratiques (à titre indicatif)
- Création d'un premier projet jQuery Mobile (JQM) et compréhension de l'architecture de celui-ci
Jour 2
jQuery Mobile (JQM)
- Evènements du cycle de vie
- Transitions entre pages
- DOMCache et réaffichage
- Widgets
- Configuration et mobileinit
- Thèmes et switch
Exemple de travaux pratiques (à titre indicatif)
- Création d'une application jQuery Mobile multi-page
Intégration JQM Backbone.js
- MVC à la mode Backbone
- Définition des vues et modèles
- Routage par Backbone
- Interception des événements
Exemple de travaux pratiques (à titre indicatif)
- Création d'une application utilisant Backbone.js et intégrant jQuery Mobile pour une application à rôle réparti
Jour 3
HTML 5 pour les mobiles
- Déconnexion
- ApplicationCache et LocalStorage
- Géolocalisation
- Autres API
Exemple de travaux pratiques (à titre indicatif)
- Depuis jQuery Mobile, utilisation des API HTML 5 de géolocalisation et de LocalStorage
Jour 4
Responsive Design
- Adaptation des contenus, CSS et JavaScript
- Media Queries
- Frameworks responsive
- Composants responsive de jQuery Mobile
Déploiement
- Déploiement sur un serveur Web
- Ajout à l'écran d'accueil
- Icone et SplashScreen
- Intégration dans une WebView avec PhoneGap
- Diffusion d'une application hybride
Exemples de travaux pratiques (à titre indicatif)
- Ajout au code jQuery Mobile de l'utilisation des Media Queries afin d'affiner l'affichage sur des devices mobiles
- Création d'une application d'intégration de jQuery Mobile dans PhoneGap
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des études de cas ou des travaux pratiques
- Et, en fin de formation, par un questionnaire d'auto-évaluation
Accessibilité de la formation
Le groupe M2i s'engage pour faciliter l'accessibilité de ses formations. Les détails de l'accueil des personnes en situation de handicap sont consultables sur la page Accueil et Handicap.
Modalités et délais d’accès à la formation
Les formations M2i sont disponibles selon les modalités proposées sur la page programme. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation.