Accueil›Programmes›Mobile : comparer et prototyper avec Ionic, React Native et Flutter
Développement mobile

Mobile : comparer et prototyper avec Ionic, React Native et Flutter

Comprendre les approches du développement mobile, comparer les frameworks et prototyper avec trois technologies.

Demander ce programme
Durée
28 h · 4 jours
Niveau
Intermédiaire
Format
Présentiel · Distanciel · Mixte
Effectif max.
12 participants

Présentation

Ce programme permet de choisir en connaissance de cause une technologie mobile. Après un panorama des approches (native, web, hybride), les participants prototypent la même application avec Ionic, React Native puis Flutter, en comparant l’architecture, la navigation, l’état, la persistance et le déploiement. L’IA générative est utilisée tout au long de la formation pour gagner en productivité.

À qui s’adresse ce programme

  • Développeurs web qui veulent cibler le mobile
  • Architectes qui doivent choisir une technologie
  • Chefs de projet techniques

Prérequis

  • Bases du développement web (HTML, CSS, JavaScript)
  • Connaissances d’Angular, de React ou de XML appréciées

Objectifs pédagogiques

  • Comparer natif, web, hybride et multiplateforme
  • Concevoir l’architecture d’une application mobile
  • Créer une interface responsive et interactive avec chaque framework
  • Gérer navigation, état, stockage et appels réseau
  • Tester sur plusieurs appareils
  • Préparer le déploiement
  • Utiliser l’IA générative pour accélérer le développement

Programme détaillé

8 modules · 28 h · 4 jours

Jour 1
Panorama du développement mobile3,5 h
50 % théorie · 50 % pratique
  • Android et iOS : contraintes de chaque plateforme
  • Natif, web, hybride et multiplateforme
  • Ionic, React Native, Flutter, MAUI, Kotlin Multiplatform
  • Critères de choix
  • Mise en place des environnements
Concevoir une application mobile3,5 h🛠 1 atelier
30 % théorie · 70 % pratique
  • Expression du besoin et parcours utilisateurs
  • Maquettage mobile
  • Architecture et découpage
  • Productivité avec l’IA générative
  • Cadrage du fil rouge
🛠 Ateliers pratiques
Maquette et architecture1,5 h

Cadrer l’application qui sera prototypée trois fois.

✅ Livrable : Une maquette et un plan d’architecture
Jour 2
Ionic : web et Capacitor3,5 h🛠 1 atelier
30 % théorie · 70 % pratique
  • Architecture d’une application Ionic
  • Composants et navigation
  • Gestion d’état
  • Capacitor et accès aux fonctions natives
  • Persistance et communication avec un serveur
🛠 Ateliers pratiques
Prototype Ionic1,5 h

Réaliser les écrans principaux avec Ionic.

✅ Livrable : Un prototype Ionic
Ionic : tests et déploiement3,5 h
50 % théorie · 50 % pratique
  • Tester sur navigateur, émulateur et appareil
  • Performances
  • Compiler pour Android et iOS
  • Publication
  • Retour d’expérience
Jour 3
React Native : composants et navigation3,5 h🛠 1 atelier
30 % théorie · 70 % pratique
  • Composants natifs et styles
  • Navigation
  • Gestion d’état
  • Formulaires et listes
  • Accès aux modules natifs
🛠 Ateliers pratiques
Prototype React Native2 h

Réaliser les mêmes écrans avec React Native.

✅ Livrable : Un prototype React Native
React Native : données et déploiement3,5 h
50 % théorie · 50 % pratique
  • Persistance locale
  • Appels réseau
  • Notifications
  • Compilation et publication
  • Comparaison avec Ionic
Jour 4
Flutter : widgets et navigation3,5 h🛠 1 atelier
30 % théorie · 70 % pratique
  • Dart et widgets
  • Mise en page et thèmes
  • Navigation
  • Gestion d’état
  • Communication avec les fonctions natives
🛠 Ateliers pratiques
Prototype Flutter2 h

Réaliser les mêmes écrans avec Flutter.

✅ Livrable : Un prototype Flutter
Comparaison et recommandations3,5 h🛠 1 atelier
30 % théorie · 70 % pratique
  • Persistance et déploiement avec Flutter
  • Grille de comparaison des trois approches
  • Performance, coûts et compétences
  • Recommandations selon le contexte
  • Plan de suite
🛠 Ateliers pratiques
Note de recommandation1,5 h

Rédiger la recommandation de technologie pour un projet réel.

✅ Livrable : Une note argumentée

Outils et technologies

Android StudioFlutterIonicReact NativeVisual Studio Code

Méthodes pédagogiques

  • Alternance d’exposés courts et de travaux pratiques
  • Démonstrations en direct par le formateur
  • Projet fil rouge construit au fil des modules
  • Corrections collectives et échanges sur les bonnes pratiques

Évaluation

  • Exercices pratiques corrigés à chaque module
  • Mini-projet réalisé en fin de formation
  • Quiz de validation des acquis

Matériel requis

  • Un ordinateur avec une connexion internet
  • Node.js, Android Studio ou émulateur, et un éditeur de code

Ressources fournies

  • Support de cours et dépôt d’exercices corrigés

Débouchés

  • Un tableau de choix de technologie argumenté
  • Trois prototypes comparables
  • Des critères de décision pour son contexte
Demander ce programme← Tous les programmes