Fantom Tag

Formation - jQuery Mobile - Développement web pour smartphones et tablettes

Développer des applications web pour smartphone

  • Présentiel ou classe à distance
  • Fondamental
Formation à la demande
Référence
OB392

Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
Framework de développement d'applications mobiles, jQuery Mobile offre un ensemble d'outils basés sur les technologies du web permettant créer des applications qui présentent la particularité non négligeable de fonctionner sur toutes les plates-formes mobiles actuelles (iPhone, Android, BlackBerry, Windows Phone...). Autre particularité, le développement avec le Framework est axé sur des fonctionnalités riches mais basé sur un code léger. En conséquence, jQuery Mobile est idéal pour concevoir rapidement des applications évoluées. Les participants à cette formation apprendront à développer des applications mobiles en tirant parti de la richesse du Framework.
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

  • Architectes, chefs de projets, consultants, développeurs, ingénieurs, Webmasters

Prérequis

Programme

Le programme

1 - 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

2 - 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
  • É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

3 - 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
  • 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

4 - jQuery Mobile, côté JavaScript

  • 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)

5 - Déployer son application sur l'APP STORE, l'Android market avec Phonegap

  • 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
Objectifs

Les objectifs de la formation

  • Découvrir le Framework jQuery Mobile
  • Apprendre à développer des applications mobiles pour iOS (iPhone et iPad), Android, SYmbian, Blackberry, et Windows Phone à l'aide du framework JQuery Mobile
  • Être capable de déployer les applications sur l'App store ou l'Android Market grâce à Phone Gap
Evaluation

Evaluation

  • Cette formation fait l'objet d'une évaluation formative.
Points forts

Les points forts de la formation

  • 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.

Qualité des formations

ib Cegos est certifié Iso 9001 et Qualiopi.

Formation - jQuery Mobile - Développement web pour smartphones et tablettes