Formation PhoneGap - Cordova Réf : PnG1

Par Eric Sarrion

Développez un site internet en jQuery mobile et portez-le sur mobile avec PhoneGap.

Durée :
3 jours
Lieux :
Paris

Partage :

  • Twitter
  • Facebook
  • E-mail
  • Linkedin
  • Viadeo

Soyez alertés par e-mail des nouvelles sessions : Poser une alerte,

Description

PhoneGap est un framework de développement mobile, qui permet de convertir un site internet reposant uniquement sur des langages standards non natifs, comme HTML5, CSS3 et JavaScript, en application dite hybride. Celle-ci devient non seulement compatible avec les principales plateformes mobiles comme iOS iPhone, Android, Windows Phone mais peut accéder aux API natives de ces OS mobiles.
Cette formation pratique sur PhoneGap /Cordova, couplée avec le framemework jQuery Mobile, vise à acquérir les compétences nécessaires au développement de sites et applications mobiles compatibles avec les principales plateformes mobiles du marché.

Objectifs pédagogiques

A l'issue de cette formation, les participants seront en mesure de
  • Comprendre les apports et limites du framework PhoneGap Cordova,
  • Appréhender l'apport d'un framework mobile JavaScript comme jQuery Mobile,
  • Utiliser le moteur de conversion natif PhoneGap Cordova.


Public

Développeurs,
Chefs de projets. 

Pré-requis

Connaissance de JavaScript, jQuery, Html et CSS.

Type

Stage pratique

Méthode pédagogique

Alternance de présentation magistrale (50%), d'illustration et de travaux pratiques (50%). Afin de valider la bonne acquisition des notions abordées par les participants, chaque chapitre se termine par une mise en application sur poste individuel. Une web application complète sera développée par les stagiaires et portée sur les plateformes Android et iPhone.

Plan de cours

PROGRAMME DE LA 1ERE JOURNEE DE FORMATION
Introduction au développement mobile
Historique et évolution
Les réseaux et infrastructures
Les nouveaux usages
Scénarii de mise en œuvre
Utilisation de jQuery Mobile pour réaliser des applications mobile Web

Les fondamentaux de jQuery
Concepts
Les méthodes utilitaires
Les sélecteurs
Les DOM
Gestion des événements

Installation de jQuery Mobile
Installation de jQuery Mobile
Attributs HTML utilisés par jQuery Mobile

Gestion des fenêtres avec jQuery Mobile
Une première fenêtre
Passer d'une fenêtre à l'autre
Utiliser les transitions entre les fenêtres
Fenêtres superposées
Utiliser les thèmes CSS

Gestion des listes
Une liste simple
Une liste contenant des liens
Une liste numérotée contenant des liens
Insérer des séparateurs dans les listes
Rechercher dans une liste
Afficher un compteur dans un élément de liste
Inclure une image dans les éléments de liste
Personnaliser les listes
Utiliser les thèmes CSS

PROGRAMME DE LA 2NDE JOURNEE DE FORMATION
Gestion des boutons avec jQuery Mobile
Définir un bouton
Associer une icône à un bouton
Définir la largeur du bouton
Juxtaposer les boutons verticalement
Juxtaposer les boutons horizontalement
Personnaliser les boutons
Utiliser les thèmes CSS

Gestion des données sous forme de tables
Un tableau sur plusieurs colonnes
Plusieurs lignes dans le tableau
Insérer des boutons dans les tableaux
Personnaliser les tableaux
Utiliser les thèmes CSS

Les éléments de formulaires
Champs de saisie
Listes de sélection
Cases à cocher
Boutons radio
Interrupteurs
Sliders
Utiliser les thèmes CSS

Les barres d'outils
Barres d'outils "header" et "footer"
Barres d'outils de type fixe
Gérer les fenêtres en mode fullscreen
Utiliser les barres de navigation
Utiliser les thèmes CSS

Conventions de jQuery Mobile
Initialisation de jQuery Mobile
Options de configuration
Utilisation des namespaces
Evénements virtuels

PROGRAMME DE LA 3EME JOURNEE DE FORMATION
Introduction au projet PhoneGap
Présentation du concept et principes de mise en œuvre
Les spécificités des plateformes supportées : Android, iOS, Windows Phone
Présentation de l'architecture des applications par plateforme
Installation de PhoneGap avec Android et IOS
Travaux pratiques : création d’un projet PhoneGap

Mise en oeuvre de PhoneGap
Les principes de mise en œuvre
Accès aux dispositifs hardware natifs : accéléromètre, GPS, magnéto, appareil photo et vidéo, etc.
Utilisation des services natifs : carnet d'adresse, SMS, mail, photo, etc.
Création d'un plugin PhoneGap
Développement avec les SDK d'Android et d'IOS
Optimiser la gestion des tests
Les aspects administratifs
Travaux pratiques

Portage d'un site web vers le mobile
Gérer les limites imposées par les navigateurs des plateformes mobiles
Principales étapes et clefs de la mise au point d’une application Web Mobile
Déployer dans les stores App Store et Market place
Travaux pratiques

Travaux pratiques
Réalisation d'une application complète pour mobile avec jQuery Mobile et PhoneGap. Les environnements Google Android et IOS Apple seront utilisés.


Prochaines sessions

picto Du lundi 02/10 au mercredi 04/10 2017 Paris 1 645 € fleche S’inscrire à la session du lundi 02/10 au mardi 04/10
picto Du mercredi 15/11 au vendredi 17/11 2017 Paris 1 645 € fleche S’inscrire à la session du lundi 15/11 au mardi 17/11
Proposer une session.

Témoignages

Bonne formation. Nous a permis de voir l'étendue de PhoneGap
Christophe Bardet

Ce stage a tout à fait répondu à mes attentes. PhoneGap est un outil assez simple à utiliser et puissant dans son rendu.
Gilles Nicolas

Très bonne formation qui répond entièrement à mes besoins de développement PhoneGap. Formateur très disponible, à l'écoute et force de propositions
Fred Le B.

Très bonne formation PhoneGap avec pour chaque sujet une argumentation claire et précise. Le fait d'avoir pour chaque fonctionnalité les avantages et inconvénient de PhoneGap est très interessant. Support de cours de qualité.
Rémi Sciallano

Objectifs atteints. Le formateur est compétent et disponible. Manque peut-être une synthèse et une mise en perspective globale
Denis Fohl, analyste-programmeur

Bon retour d'expérience et bonne connaissance de PhoneGap de la part du formateur. La formation a bien répondu à mes attentes.
Sébastien Durand

Objectifs atteints : initiation à PhoneGap, jQuery mobile et API/Plugin. Formateur à l'écoute. Panel large des fonctions JS évoquées
Eric Malespine

J'ai bien aimé les retours d'expérience du formateur et le coté pratique du stage. Il aurait été bien de travailler sur le plugin SQLite. De manière générale, cette formation a bien répondu à mes attentes.
Cyril Barillet

Cher(e) visiteur(euse),
Nous vous remercions pour l'intérêt porté à nos formations. La pré-inscription à une session de formation se fait via le formulaire d'inscription de la page formation.

La Convention de Formation Professionnelle Continue simplifiée vous sera envoyée par mail dans les 72H max. Votre inscription est considérée comme définitive, une fois cette convention signée par votre entreprise ou OPCA. La facture sera émise à l'issue de la formation, comme mentionnée dans nos conditions générales de vente.

A noter que les demandeurs d'emploi peuvent bénéficier d'une remise de 20% sur le prix public.

Pour toute information complémentaire ou demande de devis, n'hésitez pas à nous contacter au 01 53 34 66 10 ou à nous solliciter par mail.

A très bientôt dans l'un de nos centres de formation.
L'équipe Clever-Institut.

Les autres formations « Développement mobile et tablette »  – Voir toutes les formations