Open Source Ecosystems

Learn Apache Cordova - Build Mobile Apps for Android & iOS

This is the repository for the course "Learn Apache Cordova - Build Mobile Apps for Android & iOS" available on Instill Learning and Udemy.

The full course is available from

Udemy - Video Course
(https://www.udemy.com/course/draft/6068183/?referralCode=2F36C29350E4E5A09405)
Instill Learning - Live Training + Video Course + Hands-on Real World Projects (https://www.instilllearning.com/courses/apache-cordova)

What is Apache Cordova?

Apache Cordova is an open-source mobile development framework. It allows you to use standard web technologies such as HTML5, CSS3, and JavaScript for cross-platform development, avoiding each mobile platform's native development language. Applications execute within wrappers targeted to each platform, and rely on standards-compliant API bindings to access each device's sensors, data, and network status."

Learning Objectives

How to create and build (compile and package) a Cordova project using the CLI (Command Line Interface).
How to use several Cordova APIs such as Geolocation, Contacts, and Camera.
How to handle specific mobile challenges such as touch events, scrolling, styling, page transitions, etc.
To publish the app on Google Play Store & App Store

Software - version[ Last Updated on August 2024]:

Node - v22.5.0
npm - 10.8.2
JDK - Microsoft Build of OpenJDK 11.0.23 LTS
Apache cordova - 11.0.0
cordova-android - 10.1.1
cordova-ios - 6.2.0
Gradle - 7.4

Instructions

This repository has only master branch containing all examples. You can fork, star and clone the repository and go to individual example's root folder and run it.

Step 1: Go to https://github.com and login with your email.

Step 2: Go to the Apache Cordova Repository: https://github.com/progaurab/apache-cordova-training-instilllearning

Step 3: Click on 1) Watch - All Activity 2) Star 3) Fork the repository (See instruction below)

Step 4:

$ git clone https://github.com/progaurab/apache-cordova-training-instilllearning.git
$ cd apache-cordova-training-instilllearning
$ cd ex01-cordova-calculator

Step 5: To install Cordova (ignore if installed already)

$ npm install -g cordova

Step 6:

$ cordova platform add browser
$ cordova run browser

Open Android App in Android Studio and Run

Other usefull commands

Create new cordova application

$ cordova create ex01-cordova-calculator com.instilllearning.ex01 ILCalculator 
$ cd ex01-cordova-calculator

Add other platform

$ cordova platform add android
$ cordova platform add ios

Modify Code and Distribute to all platform

$ cordova prepare

Check the cordova requirements

$ cordova requirements

Ganerate Android APK

$ cordova build android

xcode - Installing the Requirements (for Mac)

$ xcode-select --install

Deployment Tools allow you to launch iOS apps on an iOS Device from the command-line.

$ brew install ios-deploy

CocoaPods tools is needed to build iOS apps.

$ sudo gem install cocoapods

Deploying to Simulator - Open ios project in XCode

open ./platforms/ios/ProjectName.xcworkspace/ for example,

$ open ./platforms/ios/Ex1-Cordova-Question-Answer.xcworkspace

Create a new cordova app cordova create [project_name] [package_name] [app_name] [project_name]: ex1-cordova-question-answer [package_name]: dev.instilllearning.ex1 [App Name]: Ex1-Cordova-Question-Answer

$ cordova create ex1-cordova-question-answer dev.instilllearning.ex1 Ex1-Cordova-Question-Answer

Instructor

Gaurab Kumar

Course Offer

Use this link to get upto 95% discount on my courses on Udemy: Purchases any two courses and get other courses free, To get free courses coupon write mail to [email protected]