- ACN_ATLAS
- Cours pratique
- Informatique
Formation Développer une application mobile native multiplateformes
Utiliser les solutions Open Source et les Frameworks du moment
- Durée
- 4 jours
- Niveau
- Intermédiaire
- Modalités
- Présentiel / Distanciel
Description de la formation Developpement Mobile Natif
La mobilité s’est imposée dans le quotidien des utilisateurs grâce à des smartphones toujours plus puissants et intuitifs. Les applications mobiles sont aujourd’hui incontournables, que l’on s’adresse à des clients (BtoC), des partenaires (BtoB) ou des collaborateurs (BtoE).
Pour les entreprises, il ne suffit plus d’adapter les contenus aux terminaux mobiles (smartphones, tablettes…). Il faut aussi exploiter leurs spécificités : caméra, géolocalisation, capteurs, notifications… Cela implique souvent de développer des applications spécifiques pour chaque plateforme (Android, iOS), avec des impacts sur les délais et les budgets.
Cette formation vous offre une vision complète et concrète du développement d’applications mobiles multi-plateformes. Vous apprendrez à créer des interfaces modernes et efficaces, à exploiter les fonctionnalités des appareils mobiles et à choisir le framework adapté à vos besoins (web, hybride, natif). À l’issue de la formation, vous serez en mesure de concevoir et développer une application responsive et interactive.
Objectifs pédagogiques
Cette formation Développer une application mobile native multiplateformes vous donne les connaissances et compétences nécessaires pour :
- Comprendre les principes du développement mobile multiplateforme
- Découvrir les frameworks de développement mobile les plus utilisés
- Concevoir une application mobile
- Développer une interface utilisateur responsive et interactive
- Tester l’application sur différents appareils
Objectifs opérationnels
Savoir créer des applications mobiles multiplateformes à partir d'un seul code source.
Programme
Contenu du cours, module par module
9 modules
Comprendre ce qu’est une application mobile
- Définition et fonctionnement d’une application mobile.
- Les concepts de base et l’architecture d’une application pour mobile.
- Cas d’usage d’une application mobile vs application web.
Panorama des types d’applications
- Applications natives : Swift (iOS) et Kotlin (Android).
- Applications hybrides : Ionic, Cordova.
- Applications web mobiles : sites responsives et Progressive Web Apps.
- Applications multiplateformes : React Native, Flutter, Ionic.
Les différences entre application Web traditionnelle et mobile
- Différences d’architecture et d’exécution.
- Contraintes d’ergonomie et d’expérience utilisateur.
- Accès aux fonctionnalités natives : caméra, GPS, notifications, stockage local.
Écosystèmes mobiles
- Différences clés entre Android et iOS.
- Présentation des outils de développement : Xcode, Android Studio.
- Fonctionnement des stores (Google Play, App Store) et processus de validation.
Les solutions natives
- Avantages en matière de performance et d’intégration.
- Inconvénients liés à la complexité et à la duplication des projets.
Les frameworks multiplateformes
- Présentation de React Native (via Expo), Flutter et Ionic.
- Comparatif sur la productivité, la performance, la communauté et la pérennité.
Travaux pratiques
Description : Démonstration guidée d'une même mini-application développée sous différentes technologies mobiles.
Préparer son environnement de développement
- Choix des éditeurs, navigateurs et simulateurs.
- Configuration d’un serveur de développement local.
- Rappels sur les gestionnaires de paquets (npm, pnpm…)
Rappels sur les langages du Web
- HTML5 : structure sémantique adaptée au mobile.
- XHTML, HTML5 : bonnes pratiques pour le mobile.
- CSS responsive et media queries.
- JavaScript moderne (ES6) et manipulation du DOM.
Les API Web utiles pour le mobile
- Utilisation de l’API de géolocalisation.
- Accès à la caméra, aux capteurs et à la vibration.
- Stockage côté client avec localStorage, sessionStorage et IndexedDB.
Architecture d’une PWA
- Fonctionnement du manifest et des métadonnées.
- Mise en place des Service Workers pour la gestion du cache.
- Fonctionnement en mode hors ligne et synchronisation différée.
- Envoi de notifications push.
Stockage des données dans une PWA
- Utilisation d’IndexedDB et de la Cache API.
- Bonnes pratiques de stockage pour les usages mobiles.
Intégrer des fonctionnalités de géolocalisation
- Utilisation de l’API Geolocation HTML5.
- Gestion des permissions et précision des données
Afficher une carte interactive
- Utilisation de Leaflet pour intégrer une carte.
- Connexion à une API de cartographie comme OpenStreetMap ou Mapbox.
- Ajout de marqueurs, info-bulles et interaction avec la carte.
Travaux pratiques
Description : Création en live d'une mini Progressive Web App géolocalisée appelée MapMyTasks qui permet de visualiser sur une carte toutes ces tâches à réaliser. Commentaires du code source.
Introduction à Ionic
- Présentation d’Ionic comme framework UI orienté mobile.
- Utilisation des composants natifs et système de navigation intégré.
Capacitor et les fonctionnalités natives
- Présentation de Capacitor comme pont moderne entre JavaScript et les APIs natives.
- Comparaison avec Cordova : compatibilité, facilité d’intégration, performances.
- Utilisation de plugins pour accéder à la caméra, la géolocalisation et le stockage.
Créer une application avec Ionic et React
- Installation de l’environnement de développement (Node.js, Ionic CLI, Capacitor).
- Création et structure d’un projet Ionic avec React.
- Compréhension du cycle de vie d’une application hybride.
Travaux pratiques
Description : L’animateur et les stagiaires créent une application mobile hybride nommée “PhotoMemo”, qui permet à l’utilisateur de prendre une photo avec l’appareil photo du téléphone (ou simulateur), d’y associer un commentaire, de géolocaliser automatiquement l’endroit de la prise de vue, et de sauvegarder les données localement dans le device (fichiers + métadonnées).
Introduction à React Native avec Expo
- Présentation de React Native et du rôle d’Expo.
- Avantages d’Expo pour une mise en œuvre rapide et simplifiée.
- Utilisation des composants de base comme View, Text, Image et Button.
Mise en place d’un projet Expo
- Installation d’Expo CLI et configuration de l’application mobile.
- Lancement d’un projet et test sur terminal réel ou simulateur.
- Ajout de composants React et logique métier JavaScript.
Accès aux fonctionnalités natives avec Expo
- Utilisation des API disponibles via Expo : géolocalisation, capteurs, caméra.
- Gestion du stockage local avec les outils d’Expo.
Travaux pratiques
Description : L'animateur et les stagiaires développent en direct une application nommée « MyMood », qui permet à l'utilisateur d'indiquer son humeur du jour avec un bouton et une icône, de prendre une photo et de la géolocaliser, de sauvegarder localement sur le téléphone (sans back-end).
Découverte rapide de Flutter
- Présentation du framework Flutter et du langage Dart.
- Positionnement par rapport à React Native et Ionic.
- Principaux avantages et cas d’usage.
Optimisation et tests
- Optimisation des performances pour les mobiles.
- Tests sur différents terminaux, simulateurs et conditions réseau.
Déploiement multi-stores
- Préparation des builds pour Android (APK, AAB) et iOS (IPA).
- Signature des applications et génération des certificats.
- Soumission sur le Google Play Store et l’App Store.
- Bonnes pratiques pour la validation, le versioning et la mise à jour continue.
Travaux pratiques
Travaux pratiques
Description : Export d’une app Expo ou Ionic, préparation d’un build Android et iOS, ajout d’icônes, splash screen, vérification des prérequis pour soumission sur Google Play et App Store.
Programme mis à jour le 10/12/2025
Public concerné
Ce cours s’adresse aux développeurs et chefs de projets amenés à participer ou participant à un projet de développement multiplateforme pour les mobiles. Le public concerné possède une expérience solide du développement web ou d’un développement mobile centré sur une plateforme unique et souhaite désormais apprendre à penser son développement pour un déploiement simultané sur toutes les plateformes mobiles.
Prérequis
Les participants à cette formation possèdent obligatoirement de bonnes connaissances des technologies web les plus usitées : HTML, CSS, JavaScript, XML... Même si la formation présente les principaux frameworks à l’usage pour le développement d’applications mobiles multiplateformes, elle ne constitue pas une introduction à la programmation dans sa globalité. Ces connaissances préalables sont donc essentielles pour garantir un langage commun parmi les stagiaires et pour pouvoir se concentrer plus rapidement sur les spécificités des frameworks multiplateformes.
J’évalue mes connaissances pour vérifier que je dispose des prérequis nécessaires pour profiter pleinement de cette formation en faisant le test de prérequis.
Faire le testFinancement
Cette formation peut être prise en charge par votre entreprise, seule ou avec l’appui de son opérateur de compétences. Nous fournissons le devis et les pièces attendues par l’OPCO.
4,6/5
9 avis
« Mon avis sur le contenu du stage : "Ce stage m'a permis d'appréhender le concept du développent mobile multiple-forme et donc de réorienter et d'approfondir mes recherches et apprentissage vers les technologies de base à savoir le Javascript HTML5 et CSS3 ...." Mon avis sur le formateur : "Animateur très cultivé, expérimenté et vraiment disponible. (Un vrai expert)" Mon avis sur la salle de formation : "Accueil sympa et salle de formation conviviale" »
Daniel « Mon avis sur le contenu du stage : "Il s'agit d'une présentation sur les différentes façon de créer une application mobile, du coup nous n'avons pas eu le temps d'aller plus loin avec la méthode qui nous intéresse" Mon avis sur le formateur : "Le formateur est très bon et très professionnel" Mon avis sur la salle de formation : "Les bruits des travaux ont été gênants par moment" Ce que j'ai le plus apprécié : "Salle de pause, matériel de qualité" »
DP « Mon avis sur le formateur : "Bonne adaptation à mes demandes/questions. Très bonne connaissance technique des technologies et des problématiques liées aux développements mobiles;" Mon avis sur la salle de formation : "Bonne adaptation du rythme de la formation." Ce que j'ai le plus apprécié : "La mise en place d'un projet, des tests et intégration des outils demandés. La disponibilité pour rendre ce mini-projet fonctionnel/opérationnel." »
Géraldine
Les avis figurant ci-dessus sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.
Formations liées
- Flutter : Développer des applications mobiles multi-plateformes avec FlutterRéf. FLUT3 joursIntermédiaireProchaine session : 16 nov.2 290 €
- FlutterFlow : Développer des applications multiplateformes en glisser-déposer avec FlutterFlowRéf. FLUF3 joursFondamentalProchaine session : 2 nov.2 090 €
- Ionic - Développement d'applications mobiles multiplateformesRéf. TIO43 joursIntermédiaireProchaine session : 14 oct.2 175 €
- Jetpack Compose : Développer des interfaces modernes pour AndroidRéf. JETP2 joursFondamentalProchaine session : 23 nov.1 590 €