Formation Développement web pour mobiles

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

Objectif

Cette formation vous permettra de réaliser des applications pour mobiles à l'aide de technologies web standards telles que HTML 5, CSS3, et JavaScript. Ces langages et les frameworks présentés (iUI, Sencha Touch, JQ Touch) vous permettront de porter vos applications sur les mobiles iPhone, Android, Symbian, Blackberry, et Windows Phone. Les applications ainsi réalisées pourront être déployées 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.

Informations pratiques

Référence : #WM01

Durée : 10 sessions de 5 jours (35 heures)

Tarif inter-entreprises: 2 350€ (HT)

Stage intra-entreprise disponible

 

Dates :

 - 18 au 22 janvier 2016

 - 08 au 12 Février 2016

 - 14 au 18 Mars 2016

 - 11 au 15 Avril 2016

 - 09 au 13 Mai 2016

 - 20 au 24 Juin 2016

 - 18 au 22 Juillet 2016

 - 05 au 09 février 2016

 - 10 au 14 Octobre 2016

 - 28 Novembre au 02 Décembre 2016

 - entre janvier et décembre 2016

 - une semaine par mois

 Pour une autre date n'hésitez pas à nous contactez.

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 et JavaScript

  • Liens avec ancres
  • Les images : optimisation des allers/retour serveur et empilage avec z-index
  • Gérer les blocs
  • Sélecteurs CSS avancés (nth-child, ...)
  • JavaScript : Rappels Syntaxiques
  • JavaScript : Manipuler DOM, les évènements, ...

HTML5 : Les nouveautés au cœur du développement web pour mobiles

  • Nouvelles gestions de blocs
  • Bases de données côté client
  • Transactions sur bases de données
  • Stockage hors-ligne
  • AJAX amélioré
  • Graphisme grâce aux Canvas
  • Multi-Touch
  • Géolocalisation et utilisation de l'API Google Maps

Présentation du framework mobile : iUI

  • Présentation globale
  • Avantages / Inconvénients
  • Création de fenêtres
  • Liens entre fenêtres
  • Afficher des menus sous forme de listes
  • Forcer le clavier virtuel
  • Créer des fenêtres de dialogue
  • Alertes
  • Thèmes iPhone grâce aux Panels
  • La gestion des thèmes avec theme-switcher
  • Les extensions iUI : nouveaux thèmes (Android, WebOS), listes de sélection, calendrier, ...
  • Créer des formulaires iPhone-like
  • JavaScript : navigation rapide entre pages
  • JavaScript : Gérer les évènements des composants iUI
  • JavaScript : Appels AJAX
  • JavaScript : DOM et fenêtres iUI
  • Envoi de formulaires iUI en Ajax

Présentation du framework mobile : Sencha Touch

  • Présentation, Setup d'une application
  • Fonctionnement de l'affichage (panel, menu, boutons, liste)
  • Chargement de données en AJAX à partir du serveur
  • Formulaire, les différents champs
  • Gestion des événements
  • Google Maps dans Sencha Touch
  • Mettre en place une architecture MVC sur ses applications Sencha Touch

Présentation du framework mobile : JQuery Mobile

  • Présentation de JQuery
  • JQTouch ou JQuery mobile ?
  • Fenêtres
  • Barres d'outils
  • Formulaires
  • Listes avec ou sans séparateur
  • Evènements
  • AJAX
  • Design
  • Gestion des thèmes
  • Gérer les tablettes (iPad, Android, etc.)

Déployer son application sur l'App Store, l'Android Market avec PhoneGap

  • Présentation de PhoneGap
  • Multi-plateformes ?
  • Principes techniques
  • Téléchargement
  • 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 60% 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.

Mots clés associés à cette formation

Web mobile, 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.