Aller au contenu principal
  • Cours pratique
  • Informatique

Formation Ionic - Développement d'applications mobiles multiplateformes

Demander un devis
Une formatrice accompagne deux participants penchés sur leurs notes, en salle de formation
Durée
3 jours
Niveau
Intermédiaire
Modalités
Présentiel / Distanciel

Objectifs pédagogiques

Le framework open-source Ionic permet de construire des applications mobiles multiplateformes (iOS, Android) en utilisant les technologies standard du web comme HTML, CSS, JavaScript. Positionné UX, Ionic dispose, en plus de son interface de ligne de commande (CLI), de nombreuses bibliothèques telles que des outils d'interaction (alertes, icônes, gestuelle...), de graphismes personnalisables et permet de créer des API.

Cette formation Ionic vous apprend à utiliser Ionic pour créer des applications multiplateformes.

Programme

Contenu du cours

Introduction à Ionic

Historique
Les nouveautés Ionic
Utilisation de Angular
L'importance d'Angular avec Ionic
Le passage de Cordova à IonicTravaux PratiquesInstaller l'environnement Ionic

Les Bases de Ionic

Stuctures 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
Les différents starter de projet (blank, tabs, sidemenu)
Tester et executer le projet dans un navigateur
Ajouter et retirer une platforme
Executer sur simulateurTravaux Pratiques

Tester l'application

Interface utilisateur de Ionic

Les listes, les boutons, les icons, les inputs, etc
Créer une grille
Modification du thème
CSS utilities, Sass Variable
Conditions selon platformesTravaux PratiquesModifier l'apparence de l'app

La navigation

Les menus et onglets
La navigation entre les pages
Les fonctions push et pop
Transmettre des paramètres entre les pagesTravaux PratiquesNaviguer entre différentes pages

Ionic API

Liste des composants
Les configurations des composants
Les attributs, event, et la méthode spécifiqueTravaux PratiquesTester plusieurs composants

Ionic Native

Le plugin d'accès à la caméra
Utiliser la géolocalisation
Plugin MapsTravaux PratiquesTester plusieurs plugins

Les formulaires dans Ionic

User Input
ngModel et ngSubmit
Les validateurs Angular
Créer un formulaire à l'aide d'un formBuilderTravaux PratiquesCréer un formulaire et le valider

Gérer les données avec Ionic

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

Programme mis à jour le 01/09/2025

Formations liées