- Référence : TDAM
- Durée : 4 jours (28h)
- Lieu : Au choix. À distance ou en présentiel, à Paris ou en Régions
2490€ HT
Choisir une date et Réserver- Best
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
Classe à distance
Possible
Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...
Référence
TDAM
Éligible CPF
Non
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.
Objectif opérationnel :
Savoir créer des applications mobiles multiplateformes à partir d'un seul code source.
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
Public :
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 ce test.
Jour 1
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’applicationsApplications 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 mobileDiffé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 mobilesDiffé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.
Inconvénients liés à la complexité et à la duplication des projets.Les frameworks multiplateformesPrésentation de React Native (via Expo), Flutter et Ionic.
Comparatif sur la productivité, la performance, la communauté et la pérennité.Travaux pratiquesObjectif : Comprendre les spécificités techniques et fonctionnelles des différents types d'application mobile.
Description : Démonstration guidée d'une même mini-application développée sous différentes technologies mobiles.Jour 2
Configuration d’un serveur de développement local.
Rappels sur les gestionnaires de paquets (npm, pnpm…)Rappels sur les langages du WebHTML5 : 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 mobileUtilisation 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.
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 PWAUtilisation d’IndexedDB et de la Cache API.
Bonnes pratiques de stockage pour les usages mobiles.
Gestion des permissions et précision des donnéesAfficher une carte interactiveUtilisation 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 pratiquesObjectif : Montrer concrètement comment construire une application web mobile responsive capable d'exploiter les API Web.
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.Jour 3
Utilisation des composants natifs et système de navigation intégré.Capacitor et les fonctionnalités nativesPré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 ReactInstallation 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 pratiquesObjectif : Illustrer le développement d'une application mobile hybride en utilisant Ionic avec React et Capacitor.
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).Jour 4
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 ExpoInstallation 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 ExpoUtilisation des API disponibles via Expo : géolocalisation, capteurs, caméra.
Gestion du stockage local avec les outils d’Expo.Travaux pratiquesObjectif : Illustrer le développement d'une application React Native.
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).
Positionnement par rapport à React Native et Ionic.
Principaux avantages et cas d’usage.
Tests sur différents terminaux, simulateurs et conditions réseau.Déploiement multi-storesPré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 pratiquesObjectif : Préparer une application mobile pour la soumission sur les stores.
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.
Introduction au développement mobile et aux architectures applicatives
Comprendre ce qu’est une application mobileDé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’applicationsApplications 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 mobileDiffé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 mobilesDiffé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 embarquées et multiplateformes
Les solutions nativesAvantages en matière de performance et d’intégration.Inconvénients liés à la complexité et à la duplication des projets.Les frameworks multiplateformesPrésentation de React Native (via Expo), Flutter et Ionic.
Comparatif sur la productivité, la performance, la communauté et la pérennité.Travaux pratiquesObjectif : Comprendre les spécificités techniques et fonctionnelles des différents types d'application mobile.
Description : Démonstration guidée d'une même mini-application développée sous différentes technologies mobiles.Jour 2
Développement mobile Web avec HTML, CSS et JavaScript
Préparer son environnement de développementChoix 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 WebHTML5 : 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 mobileUtilisation 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.
Créer une Progressive Web App (PWA)
Architecture d’une PWAFonctionnement 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 PWAUtilisation d’IndexedDB et de la Cache API.
Bonnes pratiques de stockage pour les usages mobiles.
Cartographie et géolocalisation
Intégrer des fonctionnalités de géolocalisationUtilisation de l’API Geolocation HTML5.Gestion des permissions et précision des donnéesAfficher une carte interactiveUtilisation 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 pratiquesObjectif : Montrer concrètement comment construire une application web mobile responsive capable d'exploiter les API Web.
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.Jour 3
Développement hybride avec Ionic et Capacitor
Introduction à IonicPrésentation d’Ionic comme framework UI orienté mobile.Utilisation des composants natifs et système de navigation intégré.Capacitor et les fonctionnalités nativesPré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 ReactInstallation 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 pratiquesObjectif : Illustrer le développement d'une application mobile hybride en utilisant Ionic avec React et Capacitor.
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).Jour 4
Développement avec React Native (Expo)
Introduction à React Native avec ExpoPré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 ExpoInstallation 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 ExpoUtilisation des API disponibles via Expo : géolocalisation, capteurs, caméra.
Gestion du stockage local avec les outils d’Expo.Travaux pratiquesObjectif : Illustrer le développement d'une application React Native.
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).
Focus sur Flutter
Découverte rapide de FlutterPrésentation du framework Flutter et du langage Dart.Positionnement par rapport à React Native et Ionic.
Principaux avantages et cas d’usage.
Préparer une application mobile pour la production
Optimisation et testsOptimisation des performances pour les mobiles.Tests sur différents terminaux, simulateurs et conditions réseau.Déploiement multi-storesPré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 pratiquesObjectif : Préparer une application mobile pour la soumission sur les stores.
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.
Dates et lieux
Votre formation prise en charge jusqu'à 100% des coûts pédagogiques ! *
Depuis 2011, Atlas (ex-Fafiec) a sélectionné PLB Consultant pour vous proposer les meilleures formations autour du développement objet avec .NET, Java et C++.
- Sessions inter-entreprise sur Paris et Lille.
- Sessions intra-entreprise sur toute la France.
* jusqu'à 100% des coûts pédagogiques selon votre branche d'activité dans la limite des fonds mutualisés dédiés aux actions collectives et en application des critères de prise en charge en vigueur (cf conditions détaillées sur le site d'Atlas)
Vous pouvez retrouver le lien direct vers cette formation sur le site d'Atlas, à l'adresse suivante :
Avis des participants à la formation Développer une application mobile native multiplateformes
Les avis figurant ci-dessous 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.
DP
5/5
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é"
Géraldine
5/5
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."
Daniel
5/5
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"
GA
4/5
Mon avis sur le contenu du stage:
Le support de cours un peux vieux sur certains aspects
Mon avis sur le formateur:
Animateur très compétent et disponible lors des travaux pratiques. Il a su également développer des sujets complémentaire non prévus dans e support de cours.
Mon avis sur la salle de formation:
Très satisfait des différentes prestations
Ce que j'ai le plus apprécié:
Tous
Ce que j'ai le moins apprécié:
Aucun
D
4/5
Mon avis sur le formateur :
"Animateur très bon techniquement, très disponible et répond à l'ensemble de nos questions"
Mon avis sur la salle de formation :
"Manque de matériels mobiles"
GC
5/5
Mon avis sur le contenu du stage :
"Peut-être à actualiser le support de cours"
Mon avis sur la salle de formation :
"Il y avait un bruit de fond à cause de travaux"
RG
4/5
Ce que j'ai le plus apprécié :
"Disponibilité du formateur et adaptation de la formation au niveau"
LG
4/5
Ce que j'ai le plus apprécié :
"Disponibilité du matériel et des espaces détente"
BC
5/5
Mon avis sur le contenu du stage :
"Contenu très riche "
Ces formations peuvent aussi vous intéresser :
Comparatif et présentation détaillée et illustrée des principales solutions et stratégies
- Niveau : Fondamental
- Référence : TDMO
- Niveau : Intermédiaire
- Référence : DKTM
- Niveau : Intermédiaire
- Référence : FLUT
FlutterFlow : Développer des applications multiplateformes en glisser-déposer avec FlutterFlow
- 3 jrs- Niveau : Fondamental
- Référence : FLUF
Formations Informatique
et Management
en ligne à ce jour
+
Stagiaires dans nos salles
de cours sur
l'année
4,7/5
94% de nos participants
sont satisfaits ou
très satisfaits
Formateurs experts
validés par
PLB
%
Des participants
recommandent
nos formations
