Formation JQuery Mobile

Demander un devis
Je souhaite télécharger le programme ou imprimer le programme
  • Imprimer

Objectif

formation JQuery Mobile

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.

Public concerné

Développeurs.

Développeurs web.

Intégrateurs web.

Chefs de projets.

Pré-requis

Connaitre le HTML/CSS ou avoir suivi la formation HTML/CSS.

Connaitre le JavaScript ou avoir suivi la formation JavaScript.

Connaitre le JQuery ou avoir suivi la formation JQuery.

Informations pratiques

Référence : #JM01

Durée : 10 sessions de 2 jours

Tarif inter-entreprises: 1 100€ (HT)

Stage intra-entreprise disponible

Dates :

 - 20 au 22 janvier 2016

 - 08 au 10 Février 2016

 - 24 au 26 février 2016

 - 16 au 18 Mars 2016

 - 06 au 08 Avril 2016

 - 11 au 13 Mai 2016

 - 20 au 22 Juin 2016

 - 27 au 29 Juillet 2016

 - 05 au 07 Octobre 2016

 - 30 Novembre au 02 Décembre 2016

 - entre janvier et décembre 2016

 - 1 session de 2 jours / mois

 

Consultez-nous pour obtenir un devis et les prochaines disponibilités de nos consultants formateurs.

Présence nationale

Thumbnail image

Cliquez sur l'image pour l'agrandir

Auxerre, Bordeaux, Caen, Clermont-Ferrand, Dijon, Grenoble, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Perpignan, Reims, Rennes, Rouen, Strasbourg, Toulouse, Toulon, Tours

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 concacré à la pratique.

    Formations connexes disponibles dans notre centre de formation

    Si vous souhaitez apprendre à créer des applications natives, vous pouvez suivre les formations développer pour Android, développer pour iPhone, ou développer pour windows phone 7.

    Pour aller plus loin, vous pouvez aussi suivre notre formation développer pour mobiles multi plates-formes.

    Mots clés associés à cette formation

    JQuery Mobile, Web mobile, PhoneGap, JQuery, Sencha Touch, iUI, iPhone, android, windows phone, programmation orientée objet, développement.

    Financement de la formation professionnelle

    Ce cours peut être financé par l'OPCA (Agefos, Fafiec, Opcalia...) de votre entreprise ou par le Fongecif de votre région.

    Il peut également être suivi dans le cadre du DIF, du CIF, ou d'une période de professionnalisation.

     

    X
     
     
     
     
     

    You havecharacters left.