Formation Ionic, développer des applications mobiles hybrides multiplateformes


Formation Ionic, développer des applications mobiles hybrides multiplateformes

Catalogue : Développement logiciel



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.

 

Fiche de la formation



 Cible :

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.


 Durée : 2 jours

 Type : Stage pratique


 Contactez-nous