Linstitut de formation continue des professionnels du Web

Dveloppement mobile avec jQuery Mobile, HTML5 et PhoneGap

Rfrence formation : Dure : Prix conseill :
MO00015-1 5 jours (35 heures) 2 320 HT (hors promotion ou remise particulire)

Description
Ce stage pratique vise apprendre utiliser la librairie jQuery Mobile afin de dvelopper des sites web pour mobiles et tablettes graphiques nouvelle gnration, tels que iPhone, Android, Windows Mobile, et autres iPad, etc. On apprendra de plus transformer l'application web en une application native (avec PhoneGap) pouvant fonctionner nativement sur les mobiles iPhone et Android (entre autres).

Objectif pdagogique
A l'issue de cette formation, les participants sauront en mesure de dvelopper des sites web et des applications natives avec jQuery Mobile, matriser HTML5 pour mobile, utiliser le moteur de conversion natif PhoneGap

Pr-requis
Connaissance de JavaScript et jQuery

Public
Dveloppeurs / chefs de projets souhaitant raliser des sites web ou des applications natives adapts au format des tlphones mobiles et tablettes graphiques.

Plan de cours
jQuery Mobile (3 jours) Afficher des fentres Une premire fentre Passer d'une fentre l'autre Utiliser les transitions entre les fentres Fentres superposes Utiliser les thmes CSS Afficher des listes

Une liste simple Une liste contenant des liens Une liste numrote contenant des liens Insrer des sparateurs dans les listes Rechercher dans une liste Afficher un compteur dans un lment de liste Inclure une image dans les lments de liste Personnaliser les listes Utiliser les thmes CSS Afficher des boutons Dfinir un bouton Associer une icne un bouton Dfinir la largeur du bouton Juxtaposer les boutons verticalement Juxtaposer les boutons horizontalement Personnaliser les boutons Utiliser les thmes CSS Afficher des donnes sous forme de tables Un tableau sur plusieurs colonnes Plusieurs lignes dans le tableau Insrer des boutons dans les tableaux Personnaliser les tableaux Utiliser les thmes CSS Afficher les lments de formulaires Champs de saisie Listes de slection Cases cocher Boutons radio Interrupteurs Sliders Utiliser les thmes CSS Afficher les barres d'outils Barres d'outils "header" et "footer" Barres d'outils de type fixe Grer les fentres en mode fullscreen Utiliser les barres de navigation Utiliser les thmes CSS Conventions de jQuery Mobile Initialisation de jQuery Mobile Options de configuration Utilisation des namespaces Evnements virtuels Manipuler les fentres La mthode $.mobile.changePage () Grer les vnements sur les fentres Manipuler les listes

Crer dynamiquement une liste Transformer une liste HTML en une liste jQuery Mobile Crer dynamiquement une fentre contenant une liste Rcuprer une liste par Ajax Insrer un lment dans une liste Supprimer un lment dans une liste Grer les vnements sur les listes Personnaliser les listes Manipuler les boutons Crer dynamiquement un bouton Transformer un lment HTML en un bouton jQuery Mobile Insrer des boutons par Ajax Grer les vnements sur les boutons Personnaliser les boutons Manipuler les donnes sous forme de tables Crer dynamiquement un tableau Transformer un lment HTML en un tableau jQuery Mobile Insrer des tableaux par Ajax Insrer dynamiquement une nouvelle colonne Insrer dynamiquement une nouvelle ligne Grer les vnements sur les tableaux Personnaliser les tableaux Manipuler les lments de formulaire Champ de saisie Listes de slection Cases cocher Boutons radio Interrupteurs Sliders HTML5 (1 jour) Bases de donnes ct client Stockage permanent et stockage dans la session Utilisation d'une base de donnes en HTML5 Cartes Google Maps Utiliser le GPS en HTML5 Intgrer une carte Google Maps dans l'application Multitouch Utiliser le multitouch dans les applications PhoneGap (1 jour) Introduction au projet PhoneGap prsentation du concept et principes de mise en oeuvre les spcificits des plateformes supportes : Android, IOS, BlackBerry travaux pratiques : prise en main et cration dun projet avec PhoneGap Rendre une application web native pour iPhone et Android avec PhoneGap

Excution d'une application en natif sur l'iPhone Les aspects administratifs (iPhone developer Program, Certificats, ...) Devices App Ids Provisioning Les dispositifs hardware natifs et lutilisation de leurs services GPS Acclromtre Vibreur Sons Fentres d'alerte Gestion des contacts Appareil Photo La cration d'un plugin PhoneGap Travaux pratique

Avant et aprs la formation

Parce ce que la formation est un moment privilgi de sa carrire professionnelle, la pdagogie ne sarrte pas un stage de quelques jours. Ainsi en vous inscrivant une formation Clever-Institut, vous bnficiez de louverture dun compte sur notre site internet vous permettant de : exprimer, en amont du stage, vos attentes quant cette formation, afin de nous permettre de personnaliser chacune de nos sessions djeuner avec le formateur et les autres stagiaires, afin de transformer ce moment en partage et retours dexprience valuer la formation sur son contenu et sa pdagogie, et en partager le contenu avec les futurs stagiaires changer avec votre formateur pendant les 15 jours qui suivent votre stage, pour toute question ou interrogation en rapport avec formation

Comment sinscrire ?
L'inscription une session de formation se fait en ligne, et en 3 tapes : Saisie de vos informations personnelles (votre entreprise, vos coordonnes), Saisie du ou des partipants, Saisie des lements de facturation de votre entreprise (si diffrent). Vous pouvez, tout moment, sauvegarder votre inscription en cours et la reprendre plus tard. Une fois votre inscription valide, vous recevez la Convention de Formation Professionnelle Continue simplifie. Ds rception par nos services, de la convention signe, la convocation de stage est envoye par mail aux stagiaires qui se voient ouvrir un compte sur notre site internet, leur permettant de prparer leur formation (accs, communication de leurs attentes, etc.). A noter, que l'inscription est considre comme dfinitve, la signature de la convention de stage.

Clever Institut Linstitut de formation continue des professionnels du web Numro agrment formation : 11 753 764 875 37, boulevard des Capucines 75002 PARIS E-mail : info@clever-institut.com