Le développement mobile multiplateforme permet de cibler Android et iOS avec une seule base de code, réduisant considérablement les délais et les coûts de développement. Cette formation vous fait pratiquer les trois principaux frameworks du marché – Ionic, React Native et Flutter – pour que vous puissiez choisir la solution la mieux adaptée à vos projets. Vous développerez des interfaces responsives, intégrerez des composants natifs et testerez vos applications sur différents appareils.

Public visé

Développeurs et chefs de projet souhaitant créer des applications mobiles multiplateformes, avec des connaissances en développement web et une maîtrise de HTML, CSS, JavaScript et XML.

Prérequis

Avoir suivi cette formation, ou en maîtriser les thèmes abordés :

Initiation à la programmation

Objectifs pédagogiques

À l’issue de cette formation, vous serez capable de :

Reconnaître les principes du développement mobile multiplateforme
Découvrir les principaux frameworks de développement mobile
Concevoir des applications mobiles
Développer des interfaces utilisateur responsives et interactives
Tester les applications sur différents appareils

Programme

Jour 1

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…)

Prise en main de l’environnement de développement

Découverte des fonctionnalités de base des EDIs :
- Android studio
- xCode
- Visual studio code

Travaux pratiques

Création d’une première application multiplateformes simple avec Flutter, React Native et Ionic

Jour 2

Développement multiplaformes 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

Travaux pratiques

Développement d’une application Todo List avec Ionic

Jour 3

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

Travaux pratiques

Développement d’une application Todo List avec React Native

Jour 4

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

Travaux pratiques

Développement d’une application Todo List avec Flutter

Modalités d’évaluation des acquis

En cours de formation, par des travaux pratiques. En fin de formation, par un questionnaire d’auto-évaluation.

Formation DEV-MOBILE-100 — Applications multiplateformes pour mobiles. Domaine : Développement. Niveau : Initiation. Durée : 4 jours (28 heures). Mots-clés : mobile, multiplateforme, ionic, react-native, flutter, initiation. Cylian Formation, Dijon.