Ionic

Cette formation vous permet de créer des applications mobiles multiplateformes (iOS, Android, web) à l’aide du framework Ionic basé sur Angular, React ou Vue. Vous apprendrez à construire des interfaces responsives, gérer la navigation, les formulaires et les appels API dans un environnement mobile.

Pour qui ?

Développeurs web souhaitant créer des applications mobiles hybrides avec une base Angular ou React.

Introduction à Ionic et installation

Présentation d’Ionic, Capacitor et des cas d’usage
Installation d’Ionic CLI, Node.js, Android Studio / Xcode (vue générale)
Création d’un projet avec Angular, React ou Vue selon le besoin
Structure d’un projet Ionic et bonnes pratiques de départ

Composants et interface utilisateur

Utilisation des composants UI natifs (ion-button, ion-card, ion-list, etc.)
Gestion des thèmes, icônes, et styles mobiles
Organisation de la page avec ion-header, ion-content, ion-footer
Réactivité et adaptabilité des composants

Navigation et routage mobile

Système de navigation : ion-router, ion-tabs, ion-menu
Navigation entre pages avec paramètres
Stack de navigation, retour, navigation conditionnelle
Page 404 et redirections

Formulaires et saisie utilisateur

Champs de formulaire (ion-input, ion-textarea, ion-select, ion-toggle)
Liaison de données avec ngModel, useState, ou ref()
Validation de formulaires simples
Réactions en temps réel aux saisies

Appels HTTP et API externes

Intégration de HttpClient (Angular), fetch() ou axios
Connexion à des APIs REST : GET, POST, PUT, DELETE
Affichage de données, gestion des erreurs et des états de chargement
Mise en cache locale des résultats (intro)

Gestion de l’état local

Utilisation de Services, Context API, ou Stores selon le framework
Partage de données entre pages
Stockage local (Storage, Preferences, localStorage)

Capacitor et accès natif

Présentation de Capacitor vs Cordova
Plugins natifs : caméra, géolocalisation, stockage, device
Déploiement sur simulateur, navigateur ou mobile réel
Permissions, plateformes, build

Comprendre l’architecture d’une application Ionic et son fonctionnement hybride
Concevoir des interfaces mobiles réactives avec navigation et composants intégrés
Consommer des APIs et tester une application sur émulateur ou appareil réel

Bonne maîtrise de HTML, CSS et des bases de JavaScript

Modalités de mise en œuvre de l’action de formation

Au démarrage de la session, le formateur échangera avec le(s) stagiaire(s) afin d’effectuer une analyse de leurs attentes, de leurs besoins et de leurs acquis.

Moyens pédagogiques, techniques et d’encadrement :

Moyens et méthodes pédagogiques :
o Apports théoriques et mises en pratique.
o Chaque point du programme fait l’objet d’une explication théorique appuyée d’une démonstration. Elle est suivie d’une mise en pratique par le biais d’exercices concrets
Moyens techniques :
o Un ordinateur équipé des logiciels et outils nécessaires à la réalisation de la formation
Moyens d’encadrement :
o Formateur possédant plusieurs années d’expérience
o Chargé(e) du projet Numerica

Moyen de suivre l’exécution de la formation :

Une feuille d’émargement sera signée par les stagiaires à chaque début de session (matin et après-midi)

Moyens permettant d’évaluer les résultats de la formation :

Une évaluation de la formation sera complétée par le stagiaire au terme de la session
Le formateur évaluera les acquis des stagiaires tout au long de la formation par des mises en situations pratiques.

Durée : 2 jours

Tarif : 1 280 € HT

Dijon :

Session 1 :

18 & 19/11/2025

Montbéliard :

Session 1 :

10 & 11/12/2025

Cette formation peut-être réalisée en session sur-mesure.

Contactez-nous pour construire ensemble une formation adaptée à vos besoins.

Ionic

Pour qui ?

Dijon :

Session 1 :

Montbéliard :

Session 1 :

S'abonner à notre newsletter