Ionic - Développer des applications mobiles multiplateformes avec Capacitor (ou Cordova) et Angular
Besoin d’adapter cette formation à vos besoins ?
N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure !
Formation créée le 30/09/2022. Dernière mise à jour le 05/04/2024.
Version du programme : 2
Programme de la formation
Ionic est un framework Javascript permettant de développer des applications mobiles hybrides (Android et iOS) facilement grâce à une librairie de composants graphiques et de plugins natifs. Avec cette formation, vous découvrirez d’abord Angular et Ionic. Vous développerez ensuite votre propre application de gestion d’albums photos, en utilisant des plugins. Durée : 5 jours (formation possible en présentiel ou distanciel) Le programme de cette formation est présenté ici avec Capacitor : il est possible de l'adapter pour remplacer Capacitor par Cordova sur l'ensemble du programme.
Objectifs de la formation
- Comprendre le fonctionnement architectural de Ionic ainsi que son positionnement dans l'écosystème actuel.
- Apprendre les bases de Typescript.
- Savoir utiliser les principaux composants d’Angular.
- Utiliser Ionic pour créer une application mobile.
- Découvrir l’usage de Cordova (ou Capacitor) pour accéder à des fonctions avancées du smartphone dans son application mobile.
- Récupérer des informations externes à l’application via le protocole HTTP.
- Maîtriser le build et le déploiement d’une application mobile Ionic.
Profil des bénéficiaires
- Développeurs Web
- Développeurs Mobile
- Chefs de projets techniques
- Connaissances basiques en développement Web
Contenu de la formation
-
Explorer les applications mobiles multiplateformes
- Analyser l’écosystème mobile d'aujourd'hui
- Comparer différentes façons de développer sur mobile
- Appréhender les webviews
- Installer NodeJS
- Gérer les dépendances Node npm
- Utiliser NodeJS
-
Découvrir Angular
- Liste des frameworks compatibles avec Ionic
- Assimiler le langage TypeScript
- Utiliser les outils pour TypeScript
- Installer les modules et dépendances Ionic
- Créer un projet Ionic
- Découvrir le projet Ionic par défaut
- Présentation d'Angular
- Comprendre le principe de Composants et Templates
- Comprendre le data Binding
- Utiliser les directives d'Angular
- Découvrir les formulaires
- Utiliser les pipes et le formatage
- Comprendre le principe des routes
-
Utiliser Ionic
- Découvrir Ionic
- Lister les apports de Ionic à Cordova et Angular
- Utiliser les commandes CLI
- Découvrir la bibliothèque UI
- Maîtriser la mise en page (Layout)
- Maîtriser l'emploi des composants UI de base
- Utiliser les composants Ionic pour créer un formulaire
- Personnaliser le style et thème
-
Interagir avec la plateforme native avec Capacitor
- Découvrir Capacitor
- Différences entre Cordova et Capacitor
- Installer l'environnement de développement
- Répertorier les commandes usuelles
- Découvrir les plugins de Capacitor
- Manipuler le HardWare de l’appareil
- Installer des plugins
- Analyser plus en profondeur le plugin de GPS
- Prendre des photos avec l'appareil photo
- Sauvegarder et charger des photos
- Stocker des données en local
- Géolocaliser l’utilisateur
-
Communiquer avec HTTP
- Comprendre la notion de services
- Découvrir la gestion des Services par Angular
- Comprendre l’injection de dépendances
- Créer des services injectables
- Découvrir la programmation asynchrone
- Revoir les bases d’HTTP et REST
- Communiquer avec un serveur HTTP
-
Builder et déployer sur mobile
- Automatiser la création des icônes et écrans de démarrage
- Découvrir les services de la "Ionic Platform"
- Compiler l’application grâce au service "Build"
- Publication hors store
- Publication sur les stores
-
Notions avancées
- Bonnes pratiques
- Optimisations et performances
Guirec SENECHAL est développeur depuis 6 ans. Il travaille principalement sur des applications dans le domaine de la santé et des objets connectés. Il utilise majoritairement Angular dans ses projets Web et mobile (avec Ionic) pour pouvoir proposer des applications dynamiques et réactives, avec une base de code commune.
- Feuilles de présence
- Mise en pratique sous forme de TP via un projet d’application “fil rouge” complété tout au long de la formation
- Formulaires d'évaluation de la formation
- Certificat de réalisation de l’action de formation
- Accueil des apprenants dans une salle dédiée à la formation (si présentiel)
- Présentation du support via vidéoprojecteur (ou partage visio)
- Cours théoriques avec des présentations de cas d’exemple
- Live-coding
- Mise en pratique sous forme de TP via un projet d’application “fil rouge” complété tout au long de la formation
- Support PDF remis en fin de formation ainsi que documents créés lors des mises en pratique.