...

Formation jQuery Mobile : développer des applications Web pour smartphone

Framework d'interface permettant de développer des applications sur appareils mobiles et tactiles, jQuery offre un panorama d'outils centrés sur des technologies Web fonctionnant sur l'ensemble des plates-formes mobiles existantes (Android, Windows Phone, iPhone...). Référence en matière de conception rapide et efficace d'applications évoluées, jQuery Mobile est un élément qu'il est essentiel de savoir maîtriser.


Objectifs
  • Développer des applications web pour smartphone
  • Réaliser et développer vos applications et sites web sur mobile
  • Posséder les compétences clés pour développer des applications mobiles via jQuery Mobile
Participants
  • Développeur Web
  • Chef de projet
Approche Pédagogique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
  • Durée : 2 jours
  • Réf. : WEB77

Dates de Formations

23 et 24 Avril 2019

18 et 19 Juin 2019

27 et 28 Aout 2019

15 et 16 Oct. 2019

26 et 27 Déc. 2019

Programme
  • 1/ Découverte du Web Mobiles
    • • L’arrivée des smartphones
    • • Avantages et inconvénients des applications Web et Native
    • • Cycles de développement
    • • Frameworks pour mobiles : JQTouch, JQuery Mobile, Sencha Touch, iUI
    • • Rappels XHTML/CSS/JS
  • 2/ Présentation du framework mobile
    • • Introduction à JQuery mobile et ses fondements (JQuery, HTML 5, Ajax)
    • • Avantages du frameworks
    • • Conventions de codage du framework
    • • Architecture : mono page ou multi*pages
    • • Les fenêtres et menus
    • • AJAX
    • • Design
    • • Gérer et choisir les thèmes
    • • Gestion de l’historique de l’application
    • • Les media queries
  • 3/ Animer et créer des effets
    • • Apparaître et disparaître
    • • Mouvement et transitions
    • • La fonction Animate
    • • Déclencher et imbriquer des effets
  • 4/ Les formulaires
    • • Structure
    • • Champs de saisies de textes et de nombres
    • • Le choix de dates
    • • Formulaires de recherches
    • • Insertion d’interrupteurs pour les choix simples
    • • Utilisation de sliders
    • • Les listes :
      • - Basiques
      • - Imbriquées
      • - Numérotées
      • - En lecture seule
      • - A double action
      • - Avec texte formaté et compteurs
      • - Avec vignettes et icônes
      • - Composites
      • - De sélection dynamique
    • • Envoi de documents depuis le mobile
    • • Plugin methods
  • 5/ Javascript
    • • Sélecteurs CSS :
      • - Les balises HTML
      • - Les ID CSS
      • - Les class CSS
      • - Filtres
    • • Sélecteurs JQuery
    • • Evènements : Touch, OrientationChange, Scoll, Page, Animation
    • • CSS3
    • • Stockage
  • 6/ Découverte de PhoneGap
    • • Introduction à PhoneGap
    • • Principes techniques
    • • Configuration :
      • - Avec XCode pour une application iPhone
      • - Avec Eclipse pour une application Android
    • • Utilisation de toute la hauteur de l’écran
    • • Changement du nom et du logo de l’application
    • • Fonctionnalités natives
    • • Géolocalisation
    • • Accéléromètre
    • • iTunes et Android Market
  • 7/ Structure et ergonomie des applications mobiles
    • • Le développement mobile
    • • Respect d’une charte graphique
    • • Interface UI Builder
    • • Création de pages :
      • - Structure
      • - Transitions
      • - Boites de dialogue
      • - Navigation
      • - Types de liens
    • • Création de transitions
  • 8/ Eléments de la page
    • • Création de listes dynamiques
    • • Barre d’outils :
      • - Entête de page
      • - Pied de page
      • - Navigation
      • - Positionnements
    • • Boutons :
      • - De liens ou avec icone
      • - Inline* Groupes
    • • Layouts de positionnement
  • 9/ Thèmes
    • • Utilisation et création
    • • Choix dynamique dans l’application
  • 10/ Les API
    • • Les différents évènements :
      • - Fonctionnement du gestionnaire
      • - Navigateurs, formulaires
      • - Sur la souris
      • - Sur le clavier
    • • Configuration
    • • Appels AJAX
  • 10/ Aller plus loin
    • • JQtouch
    • • La classe JQMPHP