Formation JQuery Mobile développement de site web mobiles

Développer des sites web Mobile avec JQuery Mobile

Téléchargez le pdf de la formation

Présentation

DVSE004
3 jours ( 21 heures )
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
  • 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

 

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)

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.

Partager cette formation

 

Contactez-nous

contactez logware

Vous êtes intéressé par cette formation ou souhaitez simplement obtenir des informations complémentaires ?

+33 1 53 94 71 20

Écrivez-nous on vous rappelle

  1. Nom*
    Merci de saisir un nom valide
  2. Prénom*
    Merci de saisir un prénom valide
  3. E-mail*
    Merci de saisir une adresse email valide
  4. Téléphone*
    Numéro de téléphone invalide
  5. Entreprise
    Donnée invalide

Parce que nous comprenons la nécessité d'obtenir un enseignement qui permettra à votre équipe d'atteindre vos objectifs, nous restons flexibles et sommes capables d'adapter nos programmes de formation à vos besoins.

> En savoir plus