Accueil > Développement informatique et DevOps > Ionic, développer des applications mobiles hybrides multiplateformes
Formation #DEV254

Formation Ionic, développer des applications mobiles hybrides multiplateformes

Durée : 3 jours

Code : DEV254


Prochaines dates programmées :

Du 26 au 28 Juin 2024

Du 16 au 18 Oct. 2024

Fin d'Inscription :
Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.
Si vous avez un besoin URGENT et que vous souhaitez une date de formation plus proche que les sessions programmées (minimum 15 à 20 jours ouvrés à date de votre demande)

Objectifs

  • Comprendre et mettre en oeuvre le Framework Ionic
  • Apprendre à créer des applications mobiles hybrides rapidement
Programme
1/ Introduction
  • Les applications mobiles hybrides, évolution et enjeux
  • Choix de l'éditeur, les plug-ins indispensables
  • Bonnes pratiques : mobile et "Web-platform"
  • HTML5 et le mobile
  • Node.js utilitaire de développement
  • Synchronisation "multi-device"
  • Choix et paramétrage d'un "workflow" mobile
  • Yeoman
  • Utilisation d'un "scaffoldeur" de projet
2/ Présentation de Ionic
  • Pourquoi utiliser Ionic ?
  • Présentation de l'offre de services Ionic
  • Composantes : Utilitaires, CSS, JavaScript, Services
  • AngularJS, le cœur du système : retour sur les fondamentaux
  • Ionic et Cordova/PhoneGap
  • Apport du Framework CSS
3/ Mise en oeuvre de Ionic
  • Installation les principaux outils de travail
  • Installation de Ionic
4/ Création d'une première application avec Ionic
  • L'environnement de développement
  • Utilisation de l'interface CLI
  • Présentation d'Ionic Creator
  • Exécution d'une application
  • Architecture des dossiers de votre application
5/ Les principaux composants Ionic
  • Menus
  • Navigation entre pages
  • Les sliders
  • Thèmes pour une plateforme cible
  • Personnaliser un thème
6/ 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
  • Utilisation indépendante du Framework CSS Ionic
7/ 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"
  • Formulaires Ionic
  • Gestuelle utilisateur : "swipe, slide, tap..."
8/ Gérer la persistance des données utilisateur
  • Plugins Ionic
  • 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 ?
9/ Authentification et notifications
  • Création d'une page de connexion
  • Authentification auprès des providers externes
  • Gestion des notifications sur iOS et Android
10/ Création d’un build
  • Automatiser la création des icônes et écrans de démarrage
  • Présentation des services de la "Ionic Platform"
  • "Build" service de compilation
11/ Déploiement et publication
  • Le fichier config.xml
  • Tester son application Ionic sur un smartphone
  • Publication sur les différents stores
Approche Pédagogique

Approche Pédagogique

  • Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
Public Cible

Personnes Visées

  • Chefs de Projet
  • Développeurs
Dates

Dates

  • Du 26 au 28 Juin 2024
  • Du 16 au 18 Oct. 2024
  • Fin d'Inscription :
    Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.