Aller au contenu
Langage & Développement informatique

Ionic – Développer des applications mobiles multiplateformes

Cette formation de 14 heures permet de découvrir le framework Ionic et d’apprendre à développer des applications mobiles hybrides avec des technologies web (Angular ou React). Les stagiaires construiront une…

14h
Intermédiaire
Blended

Description de la formation

Jour 1 – Premiers pas avec Ionic

  • Présentation d’Ionic et Capacitor
  • Installation : Node.js, Ionic CLI, éditeur (VS Code)
  • Création d’un projet (Angular ou React selon public)
  • Utilisation des composants UI Ionic (IonButton, IonCard, IonInput…)
  • TP : écrans simples avec styles et interactions

Jour 2 – Navigation, logique et test mobile

  • Gestion de la navigation (Tabs, Stack, Drawer)
  • Formulaires, gestion d’état local (useState, services…)
  • Stockage local (ex : Capacitor Storage)
  • Tests sur mobile avec Capacitor ou Expo Go
  • TP final : mini-app mobile fonctionnelle (annuaire, todo…)

Objectifs pédagogiques

  • Créer une application mobile avec Ionic CLI
  • Utiliser les composants d’interface Ionic
  • Gérer navigation, formulaires et état local
  • Tester l’application via Capacitor sur simulateur ou mobile

Programme détaillé

Module 1 Jour 1 – Premiers pas avec Ionic
  • Présentation d’Ionic et Capacitor
  • Installation : Node.js, Ionic CLI, éditeur (VS Code)
  • Création d’un projet (Angular ou React selon public)
  • Utilisation des composants UI Ionic (IonButton, IonCard, IonInput…)
  • TP : écrans simples avec styles et interactions
Module 2 Jour 2 – Navigation, logique et test mobile
  • Gestion de la navigation (Tabs, Stack, Drawer)
  • Formulaires, gestion d’état local (useState, services…)
  • Stockage local (ex : Capacitor Storage)
  • Tests sur mobile avec Capacitor ou Expo Go
  • TP final : mini-app mobile fonctionnelle (annuaire, todo…)

Prérequis

  • Maîtrise de JavaScript
  • Connaissances en Angular ou React recommandées
  • Notions de HTML/CSS et de ligne de commande (Node.js)

Public visé

  • Développeurs front-end ou full stack souhaitant créer des applications mobiles à l’aide de technologies web et du framework Ionic

Modalités de la formation

  • ⏱ Durée : 14h
  • 📍 Format : Mixte (présentiel + distanciel)
  • 📊 Niveau d'entrée : Intermédiaire
  • 👥 Effectif : 4 à 12 stagiaires (groupe restreint)
  • 🎯 Pédagogie : Apports théoriques, exercices pratiques, études de cas, projet fil rouge
  • ♿ Accessibilité : Formations accessibles aux personnes en situation de handicap. Contactez notre référent handicap.