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

jusqu'à juillet 2018

Rechercher
Rechercher une formation
 

Ionic - Développer des applications mobiles multiplateformes avec Cordova et Angular

Dans cette formation, vous apprendrez à développer par la pratique des applications mobiles multiplateforme avec Ionic réalisées à l'aide des technologies Cordova et Angular. 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 création et gestion d'albums photos. 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.
La formation sera réalisée sur la dernière version en cours de Ionic, Angular et Cordova.

Public :

  • Développeurs Web et mobiles.

Objectifs :

  • Développer rapidement et efficacement des applications mobiles multiplateformes sur la base de Cordova et Angular, avec Ionic ;
  • Mettre en œuvre la gestion de la navigation dans l'application ;
  • 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 Ionic 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
  • Installation de NODE.JS
  • Gestion des dépendances Node npm
  • Utilisation de NodeJS

Angular

  • Langage TypeScript
  • Outils pour TypeScript
  • Modules et dépendances
  • Composants et Templates
  • Application et composant
  • Data Binding
  • Gestion d'événements
  • Directives de structure
  • Pipes et formatage
  • Formulaires
  • Lier le formulaire au modèle
  • Valider les champs
  • Gérer les erreurs
  • Navigation dans l'application
  • Principe des routes
  • Module Router
  • Configuration des routes
  • Navigation dans l'application

Ionic

  • Présentation de Ionic
  • Apports de Ionic à Cordova
  • Installation de Ionic
  • Analyse du projet par défaut
  • Génération d'un Ionic Application
  • Structure d'un projet Ionic
  • Commandes CLI
  • Decorators, Classes
  • Templates
  • La mise en page (Layout)
  • Styles et thèmes
  • Navigation
  • Saisies utilisateurs : User Input

Cordova

  • Manipulation du HardWare du device
  • Points essentiels sur Cordova
  • Installation de l'environnement de développement
  • Commandes usuelles
  • Découverte et installation des plugins
  • Les plugins de Cordova
  • Batterie, GPS, appareil photo, contacts, gyroscope
  • Prendre des photos avec l'appareil photo
  • Sauvegarde et Chargement des Photos
  • Custom Pipe & Diaporama (Slideshow)
  • Géolocalisation
  • La mise en page avec onglets (Tabs)
  • Les formulaires utilisateur
  • Mise en œuvre de Google Maps et Géolocalisation
  • Sauvegarde et récupération des données
  • Réutilisation des composants (Components)

Communication HTTP

  • Gestion des Services par Angular
  • Injections de dépendances
  • Créer des services injectables
  • Structurer ses services
  • Visibilité des fonctions
  • Communication avec le serveur
  • Requêtes Ajax avec le module http
  • Rappels sur HTTP et REST
  • Projet fil rouge : Connexion à une API REST pour récupérer et stocker les photos

Build et déploiement sur Mobiles

  • Automatiser la création des icônes et écrans de démarrage.
  • Présentation des services de la "Ionic Platform".
  • "Build" service de compilation.
  • Cycle de déploiement continu.
  • Déploiement sur Android, IOS et Windows Phone.
  • Plugins
  • Architecture du système de plugins
  • Plugin de prise de photo
  • Plugin de géolocalisation
  • Plugin de partage social
  • Projet fil rouge : Prise de photos depuis l'appareil du téléphone, géolocalisation des photos avant envoi et partage de l'album par l'intermédiaire des réseaux sociaux

Notions avancées

  • Bonnes pratiques
  • Optimisations et performances

Travaux pratiques

  • Création du projet d'application mobile de base
  • Développement des écrans de création d'un album et de liste de photos
  • Intégration d'un carrousel pour l'affichage des photos, adaptation de l'affichage en fonction de l'orientation de l'écran, prise en compte des gestes utilisateurs
  • Développement d'un écran de visualisation en plein écran des photos
  • Connexion à un service Web REST pour récupérer et stocker les photos
  • Prise de photos depuis le téléphone, géolocalisation des photos avant envoi et partage de l'album par l'intermédiaire des réseaux sociaux
Durée : 4 jour(s)
Tarif : 2 590 € (HT)
Réf : T44A-060

Dates des sessions

Nantes (44) 01/10/18 Rennes (35) 01/10/18 Paris (75) 01/10/18 Niort (79) 01/10/18 Nice (06) 01/10/18 in-class™