Evolution MM

Formations à l'informatique
Découvrez la différence ENI

Lien accueil

Téléchargez le Calendrier des formations

Nantes, Rennes, Niort, Nice, Paris

Rechercher
Rechercher une formation
 

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

Dans cette formation, vous apprendrez à développer par la pratique des applications Android et iOS réalisées à l'aide de technologies web (HTML, CSS et Javascript). Cette formation permet aux développeurs Web de monter en compétence sur le développement d'applications mobiles, sans avoir recours au développement natif en Java ou Swift. La formation s'articule autour d'un projet fil rouge de location de voitures : lister les véhicules disponibles, consulter les détails d'un véhicule, louer et restituer le véhicule. Ce projet permet de couvrir tous les aspects d'une application mobile classique : constitution de listes et de formulaires, communication avec un serveur Web, utilisation de plugins (photos, géolocalisation, réseaux sociaux) permettant de tirer parti des smartphones modernes.

Public :

  • Développeurs, architectes techniques, chefs de projet.

Objectifs :

  • 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, ou idéalement avoir suivi la formation " T448-004 - Maîtriser HTML5 et CSS3 pour créer des pages Web Responsives " ;
  • Maîtriser le langage JavaScript, ou idéalement avoir suivi la formation " T44A-001 - JavaScript - Exploiter sa puissance pour dynamiser les applications Web ".

Contenu pédagogique

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


Modalité et moyens pédagogiques, techniques et d'encadrement

  • Formation avec un formateur, dans une salle dédiée à la formation, équipée d'un vidéoprojecteur, d'un tableau blanc et d'une solution de visio-conférence dans le cas des formations suivies en in-classTM (présentiel à distance). Le nombre de stagiaires peut varier de 1 à 12 personnes (5 à 6 personnes en moyenne), ce qui facilite le suivi permanent et la proximité avec chaque stagiaire.
  • Chaque stagiaire dispose d'un poste de travail adapté aux besoins de la formation, d'un support de cours et/ou un manuel de référence au format numérique ou papier (pour les sessions inter-entreprises, dans le cas où le support de cours officiel est en anglais, nous offrons en complément, s'il existe, un ouvrage de référence des Editions ENI au format numérique rédigé en français).
  • Pour une meilleure assimilation, le formateur alterne tout au long de la journée les exposés théoriques, les démonstrations et la mise en pratique au travers d'exercices et de cas concrets réalisés seul ou en groupe. La répartition du temps entre la théorie et la pratique est mentionnée dans le plan de cours.

Modalités d'évaluation des acquis

  • L'évaluation des acquis se fait tout au long de la formation au travers des différents travaux dirigés et travaux pratiques réalisés par le stagiaire.
  • En complément, pour les stagiaires qui le souhaitent, certaines formations peuvent être validées officiellement par un examen de certification. Pour les formations concernées, l'examen est mentionné dans la zone " Commentaire " du programme de formation. Les candidats doivent produire un travail personnel important en vue de se présenter au passage de l'examen, le seul suivi de la formation ne constituant pas un élément suffisant pour garantir un bon résultat et/ou l'obtention de la certification.

Moyens de suivi d'exécution et appréciation des résultats

  • Feuille de présence, émargée par demi-journée par chaque stagiaire et le formateur ;
  • Evaluation qualitative de fin de formation, qui est ensuite analysée par notre équipe pédagogique ;
  • Attestation de fin de formation, remise au stagiaire en main propre ou par courrier électronique.

Qualification du formateur

  • La formation est animée par un professionnel de l'informatique et de la pédagogie, dont les compétences techniques, professionnelles et pédagogiques ont été validées par des certifications et/ou testées et approuvées par les éditeurs et/ou notre équipe pédagogique. Il est en veille technologique permanente et possède plusieurs années d'expérience sur les produits, technologies et méthodes enseignés. Il est présent auprès des stagiaires pendant toute la durée de la formation.
Durée : 3 jour(s)
Tarif : Consultez-nous
Réf : T44A-062

Dates des sessions

Nantes (44) Consultez-nous Rennes (35) Consultez-nous Paris (75) Consultez-nous Niort (79) Consultez-nous Nice (06) Consultez-nous in-class™