Ionic 3

Duration

3,00 day(s)

Language(s) of service

EN FR

Next session

Who is organizing this training?

Dawan is a training organisation that offers more than 2000 training courses in IT, management, project management and sales in instructor-led live online or on-site trainings. We have 11 centres in France and we have developed partnerships with local structures in Brussels, Luxembourg and Geneva. Our catalogue includes hundreds of topics: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop, IA etc. Our courses have been created and designed by in-house trainers who have over 20 years of teaching experience. Constantly renewed, they are adapted to the requirements of our customers and to the evolution of technologies.

The content of this page is not available in English

Who is the training for?

Développeurs mobiles

Prerequisites

HTML5, CSS3, Javascript, Typescript, Angular 2+

Goals

Apprendre à utiliser Ionic pour créer des applications multiplateformes.

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