PhoneGap/Cordova - Développer des applications mobiles multiplateformes avec HTML, CSS et JavaScript

Référence : 18782-180523-5-MOB

Infos pratiques

  • Durée : 3 jours soit 21 heures
  • Population visée : Ouvrier – Employé – Employé qualifié – Cadre – Cadre supérieur
  • Public concerné : Toute personne souhaitant apprendre à développer par la pratique des applications Android et IOS réalisées à l’aide de technologies web

Programme

Objectifs pédagogiques

A l’issue de cette formation, l’apprenant sera capable de :

  • Mettre en place un environnement de développement complet pour PhoneGap/Cordova ;
  • Utiliser HTML5, CSS3 et JavaScript pour développer des applications mobiles pour Android et iOS ;
  • Ajouter des traitements dynamiques asynchrones et interagir avec des services Web REST ;
  • Tirer les bénéfices de l'utilisation de plugins ;
  • Appliquer des bonnes pratiques dans la conception des applications PhoneGap/Cordova pour optimiser les performances.

Pré-requis

  • Maîtriser les langages HTML et CSS
  • Maîtriser le langage JavaScript

Objectifs opérationnels et contenu de la formation

Applications mobiles multiplateformes

  • Ecosystème mobile d'aujourd'hui
  • Les avantages et inconvénients du multiplateforme
  • Zoom sur les webviews
  • Débat : Quand développer une application mobile de type webview ?

PhoneGap/Cordova

  • Points essentiels
  • Comparaison avec les autres solutions
  • Forces et faiblesses
  • Débat : Quand développer une application mobile avec PhoneGap/Cordova ?

Installation de l'environnement de travail

  • Installation de l'environnement de développement
  • Installation des outils Android
  • Présentation de l'environnement sous OSX

 

Prise en main de la ligne de commande

  • Créer une application
  • Configurer PhoneGap/Cordova
  • Configurer l'application mobile
  • Lancer l'application sur mobile
  • Travaux pratiques :
  • Création de l'application de location

Outils de développement : IDE, debugger

  • Prise en main de Visual Studio Code
  • Utiliser Google Chrome ou Mozilla Firefox pour debugger
  • Développer et débugger sur un mobile

Création d'une application mobile en JavaScript

  • Rappels sur JavaScript
  • Mise en place de JavaScript et de Vanilla JS
  • Développer la partie vue
  • Développer la partie contrôleur
  • Mise en place d'un système de navigation
  • Travaux pratiques :
  • Créer une application permettant de louer une voiture : liste des véhicules disponibles, détails d'un véhicule, réservation, restitution

Habiller l'application avec CSS3

  • Rappels sur CSS3
  • Tour d'horizon des frameworks CSS
  • Reproduire l'affichage Android
  • Reproduire l'affichage iOS
  • Animer l'application mobile
  • Sass : introduction au langage de génération de feuilles de style
  • Travaux pratiques :
  • Mettre en forme l'application de location, animer les transitions, s'adapter à iOS et Android

Communication avec un serveur

  • Rappels sur HTTP et REST
  • Requêtes AJAX
  • Travaux pratiques :
  • Interagir avec un service Web REST (fourni) pour récupérer la liste des véhicules et les détails, enregistrer les locations et les restitutions

Plugins

  • Architecture du système de plugins
  • Plugin de prise de photo
  • Plugin de géolocalisation
  • Plugin de partage social
  • Travaux pratiques :
  • Prise de photos depuis le téléphone pour la restitution du véhicule, géolocalisation des photos avant envoi et partage de son avis via les réseaux sociaux

Notions avancées

  • Bonnes pratiques
  • Optimisations et performances

Méthodes et moyens

  • Explications théoriques suivies de pratiques guidées puis mises en autonomie
  • 1 vidéoprojecteur par salle
  • 1 ordinateur par stagiaire

Méthodes d’évaluation des acquis

  • Exercices de synthèse et d’évaluation
  • Evaluation de fin de stage

Profil formateur

Nos formateurs sont certifiés à l’issue d’un parcours organisé par nos soins. Ils bénéficient d’un suivi de compétences aussi bien au niveau technique que pédagogique.

Support stagiaire

  • Support papier ou électronique (dématérialisé)
  • Les exercices d’accompagnement peuvent être récupérés sur clef USB