Installation et architecture
- Installation de Ionic et Cordova
- Création d'un projet Ionic 2
- Ionic 3 : option '--v2' désormais facultative
- Lancement de l'application à l'aide de 'ionic serve'
- Structure de notre nouveau projet
- Ionic 3 : solution au problème du dossier 'src' manquant
Prise en main
- Prendre en main Ionic 2 en modifiant l'existant
- Créer une nouvelle page : ionic g page myPage
Communication entre pages
- Naviguer d'une page à l'autre et passer des données
- Récupérer les données passées à la page de destination
- Afficher les données dans une ion-card
Permettre à l'utilisateur de poster des données
- Ajouter un bouton et le personnaliser à l'aide de ion-icon
- Ajouter une popup de saisie à l'aide de AlertController
- A propos du CRUD dans le modèle
- Création d'un modèle afin de faire du CRUD
- Ajouter des options grâce aux Sliding Items
- Compléter notre modèle afin de gérer l'édition d'un film
- Compléter notre modèle afin de gérer la suppression d'un film
- Ajouter un toast
Aller plus loin : nouvelle application Ionic 2
- Présentation du nouveau projet de gestionnaire de randonnées
- Génération du projet
- Création d'une interface de type Hike
- Créer le service hike.service.ts
- Consommer le service hike.service.ts
- Changer la page de démarrage
- Créer le modèle Position
- Afficher le détail d'une randonnée
- Le composant Floating Action Button (FAB)
- Déplacer le FAB
- Afficher une ion-grid destinée à contenir une carte
- Afficher une carte à l'aide du module angular2-google-maps
- Ajouter un marqueur à notre carte
- Afficher toute une page dans une modale
- Créer un journal d'étape
- Créer le formulaire de journal d'étape
- Récupérer des dates à l'aide du composant ion-datetime
- Refermer une modale après soumission
- Passer nos données de la modale vers la page parente
- Ajouter des étapes et les lire depuis un service
- Consommer le service
- Afficher les étapes
Bonus
- Bonus : coupon vers des formations complémentaires
