Architecture Mobile : concevoir et déployer des applications hybrides performantes

Objectifs

À l'issue de la formation, vous serez capable de :

   
• Maîtriser les paradigmes du mobile : Comprendre les principes fondamentaux du développement multiplateforme (Cross-Platform) face aux approches natives.


   
• Évaluer l'écosystème : Identifier et comparer les frameworks les plus utilisés du marché (Flutter, React Native) selon les besoins d'un projet.


   
• Modéliser un projet : Concevoir l'architecture d'une application mobile, de la gestion des données à la structuration des composants.


   
• Créer des interfaces modernes : Développer une interface utilisateur (UI) responsive, fluide et interactive, adaptée aux différents formats d'écrans (smartphones, tablettes).


   
• Garantir la qualité : Tester, déboguer et simuler l'application sur différents appareils, émulateurs et systèmes d'exploitation (iOS et Android).

Programme de la formation

Jour 1 : Écosystème, Frameworks & Environnement

• Concepts : Comparaison technique et coûts : Natif, Hybride, Cross-platform (React Native, Flutter, MAUI) et PWA. Apports de l'IA.
• Environnement : Installation de la toolchain (IDE, packages) et configuration de ngrok pour le test d'API locales.
• Pratique : Choix d'une stratégie technique sur un cas réel, initialisation du projet et première modification de code.

Jour 2 : Architecture, Design UI/UX & Données

• Ergonomie : Approche Mobile First (Figma), patterns MVC/MVVM, gestion des gestes tactiles et composants spécifiques (Tabs, Drawer).
• Technique : Accès aux capteurs (APN, GPS) et intégration de bases de données locales (IndexedDB, PouchDB) pour le mode hors-ligne.
• Pratique : Création d'une application de galerie photo géolocalisée avec stockage asynchrone local.

Jour 3 : Spécificités OS, Émulateurs & Debug

• Divergences : Bouton retour Android, cycles de vie, configuration du Manifest Android et de l'Info.plist iOS.
• Simulation : Configuration des émulateurs (Android Studio / Xcode) et débogage sur appareil physique via Chrome DevTools.
• Pratique : Génération d'un build, déploiement sur simulateur et résolution de bugs d'affichage (Safe Area).

Jour 4 : Sécurité, DevOps & Projet Final

• Qualité : Gestion des coupures réseau (fallback), timeouts, poids du package et scan de sécurité des dépendances.
• Projet Final : Développement autonome d'une application complète à partir de User Stories (UI, API, mode déconnecté).

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique