Ionic 6 et Capacitor

Connaissances de HTML et de JavaScript/Ecmascript

Maîtriser le développement d'interfaces web pour applications mobiles à l'aide de Cordova et Ionic

Introduction

Présentation de Ionic, son historique et ses alternatives
Ionic et Angular
Présentations des solutions Ionic
Présentation de la structure du projet

Application

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

Interface utilisateur

Tester les composants
Personnaliser son thème
Créer un dark mode
Gérer les interactions: swipe, double clic,...

La navigation

Les Menus et onglets
La navigation entre les pages
Transmettre des paramètres entre les pages

Interagir avec l’appareil

Gestion de fichier: file system
Enregistrer des données
Utiliser la géolocalisation
Options natives: caméra, micro,
Envoyer des notifications
Gérer les permissions
Présentation de différents plugins Capacitor et Cordova

Gérer les données

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

Authentification

Créer une interface d’authentification
Gérer les sessions
Gérer différentes solutions d’authentification: authentification biométrique, Face ID
Bloquer ses routes

Déployer son application

Présentation de la CLI de Capacitor
Déployer sur l’appstore ( Ios )
Déployer sur le playstore ( Android )
Tester son application sur un mobile

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Contrôle continu

Attestation de fin de stage mentionnant le résultat des acquis