Call Us: +32 2 466 00 16
Follow Us:

Building cross-platform mobile apps with Apache Cordova

Training code

Upcoming sessions

This course is currently not scheduled

Subscribe to waiting list

Introduction to Cordova

Mobile apps are more popular than Mobile websites these days. If we need to create a Mobile app for multiple platforms, Cordova is a great choice. As a web developer Cordova offers you the possibility to use your knowledge of JavaScript, HTML and CSS and create nice apps with it. We'll have a look in this module at how to start with Cordova and what kind of workflows you can use.

  • Getting Started
  • Basic components
  • Development paths
  • The command-line interface

Creating a cross-platform app

In this module we'll have a look at a basic Cordova application and what you'll get when starting from scratch.

  • What is Cordova
  • Basic Components
  • Creating your first app
  • Development Paths
  • Installing Cordova

Using the Cordova API

Cordova uses plugins to communicate from your JavaScript towards native functionality. This can range from getting the Battery Status to taking a picture with the built-in Camera. We'll look at these basic plugins, what they do and how to use them.

  • What is a plugin
  • Core Plugins: Battery Status, Camera, Contacts, Geolocation, Notifications, Media
  • Using plugins

Creating custom plugins

Sometimes we need to create our own translation from JavaScript to the native platform. In this module we'll see how to accomplish this task.

  • Plugin requirements
  • Communication from Cordova to plugin
  • Native functionality

Storing data in Cordova apps

Making sure data can be persisted for your app, even when shutting it down is pretty important. We'll look at a couple of options we can use to realize this.

  • Using LocalStorage
  • Using WebSQL
  • Using IndexedDB
  • File Storage

Cordova and Angular

In this chapter we'll have a brief look at how to combine Cordova and Angular and create an application with Databinding at its core.

  • Why Databinding?
  • Looking at Angular
  • Creating a SPA in Angular with Cordova
  • Possible issues with Angular and Cordova

Ionic Framework

With the release of Angular, the team behind Ionic decided to release a new version based on that platform. Ionic 4 is a rewrite of the first version and can be used in all sorts of apps. Ionic 4 can be called the Bootstrap for Cordova, in such a way that it combines a nice style and standardization if you need apps for multiple platforms.

  • What is Ionic Framework
  • Contents of Ionic
  • Creating an app with Ionic

Building and deploying

When you want to deploy your app, there are a couple of things to take care of. This module will explore these issues briefly.

  • Configuring your app
  • Domain Whitelisting
  • Icons and Splash screens
  • Compiling and deployment

Creating mobile apps for smartphones can be a burden, because we need to support multiple platforms. A cross-platform framework could simplify that development... This course will provide all the details about how to develop cross-platform apps with Apache Cordova by using JavaScript, HTML and CSS.

This course targets professional web developers who are familiar with JavaScript, HTML and CSS and are looking for a kick-start into the world of Cordova. The trainer will utilize Visual Studio Code for the demos, participants are free to use their preferred development environment during the hands-on labs. Because Ionic 4 is a platform built on top of TypeScript and Angular, a basic notion of both those technologies is advised.

© 2019 U2U All rights reserved.