Formation Développement d'applications mobiles multiplateformes avec Ionic 8

Introduction à Ionic et à l'écosystème multiplateforme

• Qu'est-ce qu'Ionic et quand choisir Ionic plutôt que du natif ou Flutter
• Architecture des composants Web supportant l'interface utilisateur d'Ionic
• Support framework au sein des écosystèmes Angular, React et Vue
• Cas d'utilisation réels pour les applications web progressives (PWA) et mobiles

Configuration de l'environnement de développement

• Installation et configuration de Node.js et npm
• Installation du CLI Ionic
• Création et génération d'un nouveau projet Ionic
• Exécution des applications dans le navigateur et en mode appareil connecté

Structure de projet et architecture approfondie

• Pages, modules et composants réutilisables
• Compréhension et configuration du système de routage
• Servants et modèles d'injection de dépendances
• Répertoires d'actifs et configuration de l'environnement

Composants d'interface utilisateur principaux et mise en page

• Utilisation de ion-header, ion-toolbar et ion-content pour la structure des pages
• Contrôles de saisie : ion-input, ion-select, ion-checkbox
• Boutons, FAB, cartes, listes et système de grille
• Convention modernes des contrôles de formulaire Ionic
• Exercice pratique : construction d'une page de connexion et d'un tableau de bord

Stratégies de navigation et de routage

• Intégration d'Angular Router et React Router
• Modèles de navigation entre pages et deep linking
• Mise en charge différée (lazy loading) pour les performances
• Navigation par onglets et modèles de menu latéral

Styles et thèmes

• Variables CSS et système de couleurs d'Ionic
• Mise en œuvre du mode sombre
• Polices dynamiques et personnalisation de la palette dans Ionic 8
• Styles adaptatifs entre les points d'arrêt des appareils

Formulaires et validation

• Framework de formulaires réactifs pour Angular
• Hooks personnalisés et modèles de validation pour React
• Gestion des erreurs et retour visuel de la validation
• Construction et validation de formulaires complexes à plusieurs étapes

Servants et intégration aux API

• Configuration du client HTTP et intercepteurs
• Appels d'API RESTful et gestion des réponses
• Meilleures pratiques de gestion d'état
• Bornes d'erreur et reprise suite à un échec réseau

Capacitor et fonctionnalités natives de l'appareil

• Compréhension du pont Capacitor et de l'écosystème des plugins
• Installation et configuration de Capacitor dans un projet existant
• Accès à l'appareil photo et sélecteur d'images
• Géolocalisation et intégration de cartes
• Stockage natif et préférences
• Exercice pratique : capture d'images et stockage des données sur l'appareil

Composants d'interface utilisateur avancés

• Modales, popovers et alertes dans la version moderne d'Ionic
• Notifications toast et superpositions de chargement
• Améliorations d'Ionic 8 concernant les événements et l'architecture des superpositions
• Considérations de performance pour les superpositions UI complexes

Techniques d'optimisation des performances

• Meilleures pratiques pour le code splitting et la mise en charge différée (lazy loading)
• Réduction de la taille du bundle et évitement des pièges courants
• Optimisation du rendu pour les listes et grands ensembles de données

Application web progressive et pipeline de construction

• Conversion de l'application en Progressive Web App (PWA)
• Configuration des service workers et des capacités hors ligne
• Manifeste d'application et invites d'installation PWA

Processus de construction et déploiement

• Construction et compilation pour Android et iOS en production
• Configuration des exigences et métadonnées de soumission aux boutiques d'applications
• Gestion de la configuration de l'environnement entre les environnements de test et de production

Projet final : Construction d'une mini-application complète

• Conception de l'architecture de l'application et du flux de navigation
• Mise en œuvre d'une page de connexion avec authentification
• Construction d'un tableau de bord avec intégration de données en temps réel
• Ajout d'une fonctionnalité native d'appareil photo via Capacitor
• Revue de code, tests et préparation au déploiement