Formation Ionic 3

Les fondamentaux de Google Cloud Platform
December 14, 2018
Formation React Native
December 17, 2018

Introduction

Historique Les nouveautés ionic 3 Utilisation de angular 2+ L'importance d'angular avec ionic Le passage de cordova à ionic

Atelier : installer l'environnement ionic

Les Bases

Stuctures d'un projet ionic L'interface de ligne de commande (CLI) Ajouter des pages, directives, pipes Les Décorators, Components, et Templates Angular

Application

Démarrer un projet ionic Les différents starter de projet (blank, tabs, sidemenu) Tester et executer le projet dans un navigateur Ajouter et retirer une platforme Executer sur simulateur

Atelier : tester l'application

Interface utilisateur

Les listes, les boutons, les icons, les inputs, etc Créer une grille Modification du thème CSS utilities, Sass Variable Conditions selon platformes

Atelier : Modifier l'apparence de l'app

La navigation

Les Menus et onglets La navigation entre les pages Les fonctions push et pop Transmettre des paramètres entre les pages

Atelier : Naviguer entre différentes pages

Ionic API

Liste des composants Les configurations des composants Les attributs, event, et methode spécifique

Atelier : Tester plusieurs composant

Ionic Native

Le plugin d'accès à la camera Utiliser la géolocalisation Plugin Maps

Atelier : Tester plusieurs plugin

Les formulaires

User Input ngModel et ngSubmit Les validateurs Angular Créer un formulaire à l'aide d'un formBuilder

Atelier : Créer un formulaire et le valider

Gérer les données

Exécuter des requêtes asynchrone Communiquer avec une API REST Récupération des données Les Observables & Promises Persister les données à l'aide du localStorage

Atelier :  récupérer les données distante