Formation Création d'applications multiplateformes pour mobiles

Jour 1 - Matin

Introduction au développement des applications mobiles

• Comparaison des principales plateformes mobiles (Android et iOS)
• Présentation des différentes approches pour le développement d'applications mobiles (native, Web, hybride, multiplateformes)
• Identification des principaux challenges du développement mobile et multiplateformes
• Critères de choix des solutions de développement multiplateformes

Panorama des principaux frameworks de développement multiplateforme

• Ionic
• React Native
• Flutter
• Autres solutions (MAUI, KMP...)

Exemple de travaux pratiques (à titre indicatif)

• Présentation d'applications mobiles développées avec les différents frameworks (Ionic, React Native et Flutter) avec analyse de l'architecture, des avantages et des inconvénients de chaque application

Jour 1 - Après-midi

Prise en main de l'environnement de développement

• Découverte des fonctionnalités de base des EDIs : Android studio, xCode, Visual studio code
• Configurations de base et installation des plugins utiles pour le développement

Intégration des outils de l'IA Générative pour une meilleure productivité

• Présentation comparative des assistants IA : Gemini, Copilot, ChatGPT, Claude Code pour le mobile
• Intégration des assistants IA dans notre environnement de développement
• Maîtriser le prompting pour le développement mobile
• Limites de l'IA : hallucinations, code deprecated, dépendances erronées
• Sécurité : ne jamais envoyer de données sensibles (clés API, PII) aux outils IA

Exemples de travaux pratiques (à titre indicatif)

• Analyse statique assistée par IA : détecter les code smells dans Kotlin / Compose
• Revue de code automatisée : utiliser l'IA comme co-reviewer
• Création d'une première application multiplateformes simple avec Flutter, puis React Native et enfin Ionic (3 versions de la même application)

Jour 2 - Matin et après-midi

Développement multiplateformes avec Ionic

• Principe de fonctionnement des applications Ionic
• Architecture d'une application Ionic
• Rappel des technologies de base pour le développement Web : HTML5, CSS3 et Javascript
• Introduction aux frameworks de développement Web compatibles avec Ionic : Angular, React et Vue
• Gestion des interfaces graphiques
• Système de navigation entre les pages
• Gestion de l'état d'une application Ionic
• Présentation de Capacitor : la passerelle entre le Web et le mobile
• Persistances des données locales
• Techniques de communication avec un serveur distant
• Test, build et déploiement d'une application Ionic

Exemples de travaux pratiques (à titre indicatif)

• Développement d'une application Todo List avec Ionic
• Génération du code de l'application avec les outils de l'IA Générative (exemples avec GitHub Copilot et Claude Code)

Jour 3 - Matin et après-midi

Développement multiplateformes avec React Native

• Principe de fonctionnement des applications React Native
• Architecture d'une application React Native
• Gestion des composants React Native
• Gestion de l'interface graphique
• Système de navigation entre les pages
• Gestion de l'état d'une application React Native
• Communication avec les composants natifs Android et iOS
• Persistance des données locales sous React Native
• Communication avec un serveur distant
• Test, build et déploiement d'une application React Native

Exemples de travaux pratiques (à titre indicatif)

• Développement d'une application Todo List avec React Native
• Génération du code de l'application avec les outils de l'IA Générative (exemples avec GitHub Copilot et Claude Code)

Jour 4 - Matin et après-midi

Développement multiplateformes avec Flutter

• Principe de fonctionnement des applications Flutter
• Architecture d'une application Flutter
• Introduction au langage Dart
• Gestion des widgets statefull et stateless
• Gestion de l'interface graphique
• Système de navigation entre les pages
• Gestion de l'état d'une application Flutter
• Communication avec les composants natifs Android et iOS
• Persistance des données locales sous Flutter
• Communication avec un serveur distant
• Test, build et déploiement d'une application Flutter

Exemples de travaux pratiques (à titre indicatif)

• Développement d'une application Todo List avec Flutter
• Génération du code de l'application avec les outils de l'IA Générative (exemples avec GitHub Copilot et Claude Code)