Une formation Ionic 5+ / Angular pour les développeurs qui souhaitent créer des applications mobiles avec le framework de référence dans le domaine.
Pourquoi une formation Ionic ?
Ionic est un framework pour créer et distribuer facilement des applications mobiles / tablettes.
Pour se faire, il combine la puissance d’Angular, qui permet de construire des applications web efficacement, et celle de Capacitor (le remplaçant de Cordova), pour donner accès aux fonctionnalités natives des mobiles / tablettes et pour pouvoir distribuer l’application sur l’AppStore d’iOS et le Play Store d’Android.
Formation Ionic : pour qui ?
Cette formation s’adresse aux développeurs :
- elle n’est pas adaptée à des débutants en programmation,
- la connaissance d’un langage quelconque suffit (PHP, Java, C#…) : les guides de préparation vous permettront de vous mettre à niveau en JavaScript avant le formation,
- il n’est pas nécessaire de connaître Angular : cela fait partie de la formation Ionic.
Objectifs de la formation Ionic
- Maîtriser Ionic, c’est-à-dire Angular et Capacitor
- Créer des applications mobiles et tablettes rapidement
Programme de la formation Ionic
Si votre projet a déjà démarré et donc que vous avez déjà de l’expérience avec Ionic & Angular, ce programme a vocation à être personnalisé en conséquence.
Angular
Ionic n’est qu’une surcouche à Angular. C’est encore davantage le cas dans Ionic 4+, qui travaille désormais dans le cadre de l’architecture standard du CLI d’Angular. On peut même désormais démarrer en pur Angular, et ajouter la surcouche Ionic plus tard.
Une grosse partie de la formation concerne donc Angular, car c’est là que se passe le plus important : architecture, bonnes pratiques, optimisation, etc.
- ES6 et TypeScript
- Composants Angular et templating…
- Services Angular + requêtes HTTP
- Routing Angular
- Formulaires
- RxJS
Le détail de cette partie peut être consulté dans notre formation Angular.
Composants Ionic
Ionic propose un gros catalogue de composants d’interface prêts à l’emploi, dont le graphisme s’adapte automatiquement en fonction de l’UX d’iOS ou d’Android.
- Particularité d’Ionic par rapport à Angular : routing, lifecycle, stockage local…
- Tour d’horizon des composants disponibles
- Layout Ionic
- Grid et tabs
- Tabs
- Modals
- Utilitaires CSS (responsive, flex…)
- Theming (variables CSS, shadow parts)
- Gestion des différences entre plateformes iOS / Android
Capacitor
Capacitor remplace désormais Cordova.
- Tour d’horizon des fonctionnalités natives mobiles / tablettes
- Config, build et déploiement pour Android
- Config, build et déploiement pour iOS (test possible uniquement sur un Mac)
- Build pour le web
- Si abonnement AppFlow : fonctionnement de Live Updates