Course objectives
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.
Who is this course for?
Ce cours Ionic 4 s’adresse aux développeurs Mobile.
Prerequisites
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 starter 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 localStorage
Topics: Télécom