Objectifs de la formation Ionic 4

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 ?

Public :

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.

Contenu du cours Ionic 4

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 navigateur

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