Objectifs de la formation
Le framework open-source Ionic 4 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 4 vous apprend à utiliser Ionic pour créer des applications multiplateformes.
À qui s’adresse cette formation ?
Ce cours Ionic 4 s’adresse aux développeurs Mobile.
Prérequis
Pour suivre cette formation Ionic 4, il est nécessaire de connaître HTML5, CSS3, JavaScript, TypeScript et Angular dans sa version 2 ou postérieure.
Programme
Introduction à Ionic 4
Historique
Les nouveautés Ionic 4
Utilisation de Angular 9
L’importance d’Angular avec Ionic
Le passage de Cordova à Ionic
Travaux Pratiques :
Installer l’environnement Ionic
Les Bases de Ionic 4
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 4
Les différents starters de projet (blank, tabs, sidemenu)
Tester et executer le projet dans un naviGustur
Ajouter et retirer une platforme
Executer sur simulateur
Travaux Pratiques :
Tester l’application
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 platformes
Travaux Pratiques :
Modifier 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 pages
Travaux Pratiques :
Naviguer entre différentes pages
Ionic API
Liste des composants
Les configurations des composants
Les attributs, event, et la méthode spécifique
Travaux Pratiques :
Tester plusieurs composants
Ionic Native
Le plugin d’accès à la caméra
Utiliser la géolocalisation
Plugin Maps
Travaux Pratiques :
Tester plusieurs plugins
Les formulaires dans Ionic 4
User Input
ngModel et ngSubmit
Les validateurs Angular
Créer un formulaire à l’aide d’un formBuilder
Travaux Pratiques :
Créer un formulaire et le valider
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 local Storage