Développez des applications mobiles multiplateformes avec notre formation détaillée sur Ionic, en utilisant Cordova et Angular.
Gagnez en compétence dans le développement d’applications mobiles sans nécessité de maîtriser le développement natif Java ou Swift.
Vous apprendrez à installer et configurer un projet Ionic, structurer des applications à l’aide de composants, et mettre en place une navigation efficace.
Cette formation couvre également la création de formulaires pour collecter des données utilisateur, l’implémentation de services d’accès aux serveurs de données, et l’utilisation d’objets Observable pour la synchronisation de traitements.
Apprenez à accéder aux fonctions natives de l’appareil et à optimiser, construire et déployer votre application.
Vous travaillerez sur un projet concret de création et gestion d’albums photos, couvrant tous les aspects essentiels d’une application mobile.
Programme détaillé
Applications mobiles multiplateformes
- Ecosystème mobile d'aujourd'hui
- Les avantages et inconvénients du multiplateforme
- Zoom sur les webviews
- Installation de NODE.JS
- Gestion des dépendances Node npm
- Utilisation de NodeJS
Angular
- Langage TypeScript
- Outils pour TypeScript
- Modules et dépendances
- Composants et Templates
- Application et composant
- Data Binding
- Gestion d'événements
- Directives de structure
- Pipes et formatage
- Formulaires
- Lier le formulaire au modèle
- Valider les champs
- Gérer les erreurs
- Navigation dans l'application
- Principe des routes
- Module Router
- Configuration des routes
- Navigation dans l'application
Ionic
- Présentation de Ionic
- Apports de Ionic à Cordova
- Installation de Ionic
- Analyse du projet par défaut
- Génération d'un Ionic Application
- Structure d'un projet Ionic
- Commandes CLI
- Decorators, Classes
- Templates
- La mise en page (Layout)
- Styles et thèmes
- Navigation
- Saisies utilisateurs : User Input
Cordova
- Manipulation du HardWare du device
- Points essentiels sur Cordova
- Installation de l'environnement de développement
- Commandes usuelles
- Découverte et installation des plugins
- Les plugins de Cordova
- Batterie, GPS, appareil photo, contacts, gyroscope
- Prendre des photos avec l'appareil photo
- Sauvegarde et Chargement des Photos
- Custom Pipe & Diaporama (Slideshow)
- Géolocalisation
- La mise en page avec onglets (Tabs)
- Les formulaires utilisateur
- Mise en œuvre de Google Maps et Géolocalisation
- Sauvegarde et récupération des données
- Réutilisation des composants (Components)
Communication HTTP
- Gestion des Services par Angular
- Injections de dépendances
- Créer des services injectables
- Structurer ses services
- Visibilité des fonctions
- Communication avec le serveur
- Requêtes Ajax avec le module http
- Rappels sur HTTP et REST
- Projet fil rouge : Connexion à une API REST pour récupérer et stocker les photos
Build et déploiement sur Mobiles
- Automatiser la création des icônes et écrans de démarrage.
- Présentation des services de la "Ionic Platform".
- "Build" service de compilation.
- Cycle de déploiement continu.
- Déploiement sur Android, IOS et Windows Phone.
- Plugins
- Architecture du système de plugins
- Plugin de prise de photo
- Plugin de géolocalisation
- Plugin de partage social
- Projet fil rouge : Prise de photos depuis l'appareil du téléphone, géolocalisation des photos avant envoi et partage de l'album par l'intermédiaire des réseaux sociaux
Notions avancées
- Bonnes pratiques
- Optimisations et performances
Travaux pratiques
- Création du projet d'application mobile de base
- Développement des écrans de création d'un album et de liste de photos
- Intégration d'un carrousel pour l'affichage des photos, adaptation de l'affichage en fonction de l'orientation de l'écran, prise en compte des gestes utilisateurs
- Développement d'un écran de visualisation en plein écran des photos
- Connexion à un service Web REST pour récupérer et stocker les photos
- Prise de photos depuis le téléphone, géolocalisation des photos avant envoi et partage de l'album par l'intermédiaire des réseaux sociaux