linkedin orsys
twitter orsys
it! orsys
instagram orsys
pinterest orsys
facebook orsys
youtube orsys
menu logo orsys formation
espace pro
ESPACE PRO
Nos domaines de formation :

Formation Développement mobile

Formation Ionic, développer des applications mobiles hybrides multiplateformes

5 / 5
Stage pratique
Durée : 2 jours
Réf : IOC
Prix  2018 : 1630 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis vérifiés
Programme

Cette formation vous permettra de maîtriser la dernière version des Frameworks et SDK Ionic, basé sur Angular et Cordova. Vous développerez des Progressive Web Applications pour mobile (iPhone et Android) proches des applications natives. Vous découvrirez par ailleurs les outils de productivité basés sur Node.js.

Objectifs pédagogiques

  • Configurer un environnement de développement hybride
  • Développer une application mobile basée sur Ionic et Angular
  • Maîtriser les outils de productivité proposés par Node.js
  • Intégrer un Backend Mobile
  • Préparer le build et le déploiement d'une application

Travaux pratiques

Réalisation d'une application mobile "hybride" IOS/Android et compilation dans le Cloud.

Méthodes pédagogiques

Développement d'applications mobiles. 50% de théorie illustrée par 50% de pratique.
PROGRAMME DE FORMATION

Configurer un environnement de développement moderne

  • Choix de l'éditeur, les plug-ins indispensables.
  • Socle des bonnes pratiques : mobile et "Web-platform".
  • Node.js utilitaire de développement. Synchronisation "multi-device".
  • Choisir et paramétrer un "workflow" mobile.
  • Yeoman. Utiliser un "scaffoldeur" de projet.

Travaux pratiques
Configuration des outils.

Ionic SDK : présentation et mise en oeuvre

  • Présentation de l'offre de services Ionic.
  • Framework de développement "hybride", positionnement.
  • Composantes : Utilitaires, CSS, JavaScript, Services.
  • Technologies : services cloud, Cordova, le choix d'Angular.
  • Démarrer, émuler et débugger une application.
  • Apport du Framework CSS.

Travaux pratiques
Mise en œuvre d'un projet d'application.

Ionic + Angular : initiation au Framework de Google

  • Structure d'une application Angular.
  • Identifier les ressources : Services, Components, Directives, Pipe.
  • Ajax : consommation de services Web.
  • SPA (Single Page Application) routes et navigation.
  • Les composants mobiles Ionic.
  • Utilisation indépendante du Framework CSS Ionic.

Démonstration
Structure d'une application Angular.

Le Framework Ionic en profondeur

  • Personnalisation ciblée de la plateforme (IOS/Android).
  • Gestion du contenu : listes, chargement, "scroll", "pull to refresh".
  • Gestion de la navigation : menu, route et persistance.
  • Composant interactifs : "modal, action sheet, popover"
  • Créer des formulaires efficaces.
  • Gestuelle utilisateur : "swipe, slide, tap...".

Travaux pratiques
Réalisation d'une application basée sur Ionic et Angular.

Gérer la persistance des données utilisateur

  • Ionic Native : utilisation des plugins Cordova.
  • Adopter une stratégie "offline first".
  • Les API pour la sauvegarde locale : IndexDB localStorage.
  • Centraliser les données : redéfinir le cycle UX.
  • Quelles fonctionnalités attendre d'un Backend Mobile ?
  • Les services d'authentification et de "push notification".

Travaux pratiques
Intégration d'un "Backend Cloud".

Préparer le "build" et le déploiement

  • 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.

Travaux pratiques
Préparation et déploiement de l'application.

Participants / Prérequis

» Participants

Développeurs Web et chefs de projets mobilité.

» Prérequis

Bonnes connaissances des langages HTML, CSS et JavaScript. La maîtrise du Framework Angular constitue un atout supplémentaire.
Intra / sur-mesure
Programme standard     Programme sur-mesure
Oui / Non

Vos coordonnées

Avis vérifiés
picto avis vérifiés
Ludovic C. 05/04/2018
5 / 5
Le contenu et surtout les cas pratiques sont bien exposés et peuvent être transposés dans des projets à venir.
Avis client 5 / 5

Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

Dates de sessions

Pour vous inscrire, cliquez sur la session qui vous intéresse.
[+]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.