world

Goals


- Master the development of web interfaces for mobile applications using Cordova te Ionic

Program

Presentation and history phonegap / cordova
Difference between phonegap and cordova
Supported platforms
Development technologies (HTML5, CSS3, JS)

Workshop: Install the cordova environment

Create a Cordova project
Organize cordova folders
Add a platform to the project

Workshop: Create & test a Cordova project

Use geolocation
Access the Camera
Read and write to a file
Use the dialog boxes (Alert, Confirm, Prompt)
Test the connection

Workshop: Testing several plugins

Detect application loading (onDeviceReady)
Detect switching to foreground and background (onResume, onPause) Touch
management (touchEnd, touchStart)

Workshop: Using the different events

Structure of an ionic project
The command line interface (CLI)
Adding pages, directives, pipes
Angular Decorators, Components, and Templates

Start an ionic project
The different project starter (blank, tabs, sidemenu)
Test and run the project in a browser
Add and remove a platform
Run on a simulator

Workshop: test the application

Lists, buttons, icons, inputs, etc.
Create a grid
Modification of
CSS utilities theme , Sass Variable
Conditions depending on platforms

Workshop: Change the appearance of the app

Menus and tabs
Navigation between pages
Push and pop functions
Transmit parameters between pages

Workshop: Navigate between different pages

List of components Component
configurations
Attributes, event, and specific method

Workshop: Testing several components

The camera access plugin
Use geolocation
Plugin Maps

Workshop: Testing several plugins

User Input
ngModel and ngSubmit
Angular validators
Create a form using a formBuilder

Workshop: Create a form and validate it

Run asynchronous queries
Communicate with a REST API
Data retrieval
Observables & Promises
Persist data using localStorage

Workshop: retrieve remote data

Duration

5 days

Price

£ 2785

Audience

Web Developers

Prerequisites

Knowledge of HTML and JavaScript / Ecmascript

Reference

De101061-F

Sessions

Contact us for more informations about session date