Ionic New
Le développement d'applications mobiles pour plusieurs plateformes peut être un défi complexe et chronophage. Ionic révolutionne cette approche en permettant de créer des applications natives pour iOS, Android et web à partir d'une seule base de code, en exploitant vos compétences en technologies web telles que HTML, CSS et JavaScript.
Créez des applications mobiles performantes sans multiplier les langages
Grâce à Ionic, vous pourrez concevoir des interfaces utilisateur (UI) élégantes et fonctionnelles, implémenter une navigation fluide, accéder aux fonctionnalités natives de l'appareil (caméra, géolocalisation, etc.), gérer les formulaires, communiquer avec des API et stocker des données localement, le tout avec un seul code source.
Rejoignez-nous et découvrez comment Ionic peut vous aider à créer des applications mobiles de qualité professionnelle, rapidement et efficacement !
Durée de la formation
Début de la formation
Objectifs de la formation
Au terme de cette formation, le participant sera capable de :
- Découvrir le Framework Ionic : Comprendre les concepts fondamentaux d'Ionic, son architecture et son fonctionnement, pour développer des applications mobiles hybrides performantes et multiplateformes.
- Mettre en place un projet Ionic : Créer un nouveau projet Ionic, configurer l'environnement de développement, et utiliser les outils de ligne de commande d'Ionic pour gérer le projet.
- Utiliser l'UI d'Ionic : Exploiter les composants d'interface utilisateur (UI) d'Ionic pour créer des interfaces utilisateur attrayantes et ergonomiques, en utilisant des éléments tels que des boutons, des listes, des cartes, des formulaires, etc.
- Mettre en place la navigation : Implémenter la navigation entre les différentes pages et vues de l'application Ionic, en utilisant les fonctionnalités de routage et de navigation fournies par le Framework.
- Utiliser l'API d'Ionic : Accéder aux fonctionnalités natives de l'appareil (appareil photo, géolocalisation, notifications, etc.) en utilisant l'API d'Ionic et les plugins Cordova ou Capacitor.
- Gérer des formulaires : Créer et gérer des formulaires dans une application Ionic, en utilisant les composants de formulaire d'Ionic, en validant les entrées utilisateur et en traitant les données soumises.
- Gérer les données : Stocker et manipuler des données dans une application Ionic, en utilisant des services de données, le stockage local ou des bases de données distantes.
Public de la formation
Cette formation s'adresse aux développeurs web ayant une connaissance préalable d'un langage de programmation et souhaitant se lancer dans le développement mobile multiplateforme.
Points forts de la formation
- Gain de temps et d'efficacité : Développez plus rapidement en évitant de réécrire votre code pour chaque plateforme.
- Réutilisation de vos compétences web : Tirez parti de vos connaissances en HTML, CSS et JavaScript pour créer des applications mobiles.
- Accès aux fonctionnalités natives : Intégrez des fonctionnalités telles que la caméra, la géolocalisation et les notifications push.
- Interfaces utilisateur modernes et performantes : Utilisez les composants Ionic pour créer des UI attrayantes et réactives.
- Formation pratique : Appliquez les concepts théoriques à travers des exercices concrets et des projets guidés.
Programme
de la formation
- Module 1 : Introduction à Ionic 4
- Historique d'Ionic
- Nouveautés d'Ionic 4
- Utilisation d'Angular 9
- Importance d'Angular avec Ionic
- Passage de Cordova à Ionic
- Module 2 : Bases d'Ionic 4
- Structure d'un projet Ionic
- Interface de ligne de commande (CLI)
- Ajout de pages, directives, pipes
- Décorators, Components et Templates Angular
- Module 3 : Développement d'une application Ionic 4
- Démarrage d'un projet Ionic 4
- Starters de projet (blank, tabs, sidemenu)
- Test et exécution du projet dans un navigateur
- Ajout et retrait d'une plateforme
- Exécution sur simulateur
- Module 4 : Interface utilisateur d'Ionic 4
- Listes, boutons, icons, inputs, etc.
- Création d'une grille
- Modification du thème
- CSS utilities, Sass Variable
- Conditions selon plateformes
- Module 5 : Navigation dans Ionic 4
- Menus et onglets
- Navigation entre les pages
- Fonctions push et pop
- Transmission de paramètres entre les pages
- Module 6 : Ionic API
- Liste des composants
- Configurations des composants
- Attributs, events et méthodes spécifiques
- Module 7 : Ionic Native
- Plugin d'accès à la caméra
- Utilisation de la géolocalisation
- Plugin Maps
- Module 8 : Formulaires dans Ionic 4
- User Input
- ngModel et ngSubmit
- Validateurs Angular
- Création d'un formulaire avec FormBuilder
- Module 9 : Gestion des données avec Ionic 4
- Requêtes asynchrones
- Communication avec une API REST
- Récupération des données
- Observables & Promises
- Persistance des données avec localStorage
- Module 10 : Exercices pratiques
- Installation de l'environnement
- Test d'une application
- Modification de l'apparence de l'application
- Navigation entre différentes pages
- Test de plusieurs composants
- Test de plugins
- Création et validation d'un formulaire
Personne de contact
Formateur :
La société CogniTIC est active dans les domaines de la consultance, du développement et de la formation en systèmes d’information. Tous les collaborateurs de CogniTIC mettent à profit leur expérience en tant que développeur, architecte logiciel, analyste métier, responsable qualité ou chef de projet pour proposer des formations méthodologiques et technologiques en fonction des besoins des entreprises et des réalités du marché.
