Skip to Content

Applications Mobiles Hybrides avec Ionic

Développement Javascript > Développement Mobile (Cross-Platform)


Une formation d'1 jour pour créer des applications mobiles hybrides avec Ionic 4 : bases Ionic, interface utilisateur, navigation, API Ionic Native, formulaires et gestion des données.

La formation en 6 mots clés

Ionic

Applications Mobiles

Angular

Cordova

Mobile

Hybride

Informations Pratiques et Programme

Prérequis


Aucun

Durée


1 jour

Contenu Technique de la Formation


La formation aborde les contenus techniques suivants :

  • Utilisation
  • Projet Ionic
  • UI Ionic
  • Navigation
  • API
  • Formulaires
  • Gestion des données

Objectifs de la Formation


Les objectifs visés par cette formation sont :

  • Utiliser le Framework Ionic
  • Mettre en place un projet Ionic
  • Utiliser l’UI d’Ionic
  • Mettre en place la navigation
  • Utiliser l’API d’Ionic
  • Gérer des formulaires
  • Gestion des données avec Ionic

Table des Matières


Introduction à Ionic 4

  • Historique
  • Les nouveautés Ionic 4
  • Utilisation de Angular 9
  • L'importance d'Angular avec Ionic
  • Le passage de Cordova à Ionic


Les Bases de Ionic 4

  • Structures d'un projet Ionic
  • L'interface de ligne de commande (CLI)
  • Ajouter des pages, directives, pipes
  • Les Décorators, Components, et Templates Angular


Application

  • Démarrer un projet Ionic 4
  • Les différents starter de projet (blank, tabs, sidemenu)
  • Tester et exécuter le projet dans un navigateur
  • Ajouter et retirer une plateforme
  • Exécuter sur simulateur


Interface utilisateur de Ionic 4

  • Les listes, les boutons, les icons, les inputs, etc
  • Créer une grille
  • Modification du thème
  • CSS utilities, Sass Variable
  • Conditions selon plateformes


La navigation

  • Les menus et onglets
  • La navigation entre les pages
  • Les fonctions push et pop
  • Transmettre des paramètres entre les pages


Ionic API

  • Liste des composants
  • Les configurations des composants
  • Les attributs, event, et la méthode spécifique


Ionic Native

  • Le plugin d'accès à la caméra
  • Utiliser la géolocalisation
  • Plugin Maps


Les formulaires dans Ionic 4

  • User Input
  • ngModel et ngSubmit
  • Les validateurs Angular
  • Créer un formulaire à l'aide d'un formBuilder


Gérer les données avec Ionic 4

  • Exécuter des requêtes asynchrones
  • Communiquer avec une API REST
  • Récupération des données
  • Les Observables & Promises
  • Persister les données à l'aide du localStorage


En Pratique


  • Installer l’environnement
  • Tester une application
  • Modifier l’apparence de l’application
  • Naviguer entre différentes pages
  • Tester plusieurs composants
  • Tester des plugins
  • Créer et valider un formulaire

Modalités et Inscription


Cette formation est proposée selon deux formules pour s'adapter au mieux à vos besoins :


Session régulière

Des sessions sont organisées à intervalles réguliers. Demandez les prochaines dates planifiées pour vous inscrire à la prochaine session.


Sur mesure & intra-entreprise

Vous souhaitez former vos équipes directement dans vos locaux ou adapter le programme technique à votre contexte d'entreprise ? Contactez-nous pour obtenir un devis personnalisé.

Obtenir cette formation

Prêt à créer des applications mobiles hybrides avec Ionic ? Rejoignez la prochaine session ou contactez-nous pour organiser cette formation dans vos locaux.


Devis sur-mesure

S'inscrire à cette formation

Remplissez le formulaire pour obtenir plus d'informations.