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