- Référence : TDAM
- Durée : 5 jours (35h)
- Lieu : Au choix. À distance ou en présentiel, à Paris ou en Régions
2890€ 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
5 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 Développement mobile multiplateformes 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 des applications mobiles professionnelles et performantes.
Objectif opérationnel :
Savoir développer une application mobile native multiplateformes.
Objectifs pédagogiques :
Cette formation Développer une application mobile native multiplateformes vous donne les connaissances et compétences nécessaires pour :
- Identifier les spécificités d'une application mobile
- Découvrir les solutions de développement mobile
- Construire une application mobile complète
- Comprendre le processus de publication d'une application mobile
- Piloter un projet mobile
Public :
Ce cours s'adresse aux développeurs et aux chefs de projets.
Prérequis :
Connaître au moins un langage de programmation et avoir de bonnes notions sur HTML5, CSS3, JavaScript.
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 : Définir l’architecture d’une application mobile.
Description : Partir d’un site web classique et imaginer sa déclinaison mobile selon différents modèles (responsive, PWA, native, hybride). Étude de cas.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 : Réaliser une mini PWA avec carte interactive et géolocalisation.
Description : Développement d’une application web mobile utilisant une API météo, intégration de Leaflet pour l’affichage de carte, stockage de données en local, fonctionnement hors ligne.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 : Développer une application hybride avec des fonctionnalités natives.
Description : Création d’une app mobile Ionic avec géolocalisation, carte, prise de photo, et stockage local. Mise en place du projet, test sur émulateur ou appareil physique.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.
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 : Définir l’architecture d’une application mobile.
Description : Partir d’un site web classique et imaginer sa déclinaison mobile selon différents modèles (responsive, PWA, native, hybride). Étude de cas.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 : Réaliser une mini PWA avec carte interactive et géolocalisation.
Description : Développement d’une application web mobile utilisant une API météo, intégration de Leaflet pour l’affichage de carte, stockage de données en local, fonctionnement hors ligne.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 : Développer une application hybride avec des fonctionnalités natives.
Description : Création d’une app mobile Ionic avec géolocalisation, carte, prise de photo, et stockage local. Mise en place du projet, test sur émulateur ou appareil physique.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.
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
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 : FLUT
FlutterFlow : Développer des applications multiplateformes en glisser-déposer avec FlutterFlow
- 3 jrs- Niveau : Fondamental
- Référence : FLUF
Développement d’applications multi-plateformes iOS et Android en utilisant les composants natifs
- Niveau : Intermédiaire
- Référence : REAN
Formations Informatique
et Management
en ligne à ce jour
+
Stagiaires dans nos salles
de cours sur
l'année
%
De participants satisfaits
ou très satisfaits de nos
formations
Formateurs experts
validés par
PLB
