Learn to Build Your First Apache Cordova / PhoneGap App

Comprehensive guide to create a hybrid to-do app with JavaScript and HTML5 using Cordova, Onsen UI and Monaca.

4.00 (1089 reviews)
Mobile Apps
Learn to Build Your First Apache Cordova / PhoneGap App
2 hours
Aug 2016
last update
regular price

What you will learn

Create a simple to-do mobile app using Apache Cordova, Monaca, and Onsen UI.


In this short course, you will learn about the basics of the hybrid app development, which is the fastest and most efficient way to build performant apps for multiple platforms (iOS, Android, Windows) simultaneously. You will get familiar with basic tools and platforms, as we will be using the Apache Cordova, the Monaca platform and Onsen UI for maintaining the native app look and feel.

All the tools used in this course are accessible free of charge, and we will be using basic and common web development languages (HTML5, JavaScript and CSS), setting no limitations for the students. This course is suitable for beginners, but understanding basic concepts of HTML5, JavaScript and CSS would be very helpful.

After the introduction, you will learn about the basic tools and structure of hybrid app development, and dive into coding straight away. Within less than 2 hours, you will have your "To-do" app ready and available. You will learn how to create a list view, how to add and remove items to the list, as well as modify the status of the task.

And the best thing about this course:
You will be able to utilize the new skills and knowledge to create further hybrid apps on your own (or using one of many templates or tutorials provided for future learning)!




Apache Cordova

Apache Cordova

Monaca & Onsen UI

Overview of Monaca & Onsen UI
Creating a Monaca Account
Creating & Testing Blank Monaca Project
Overview of Monaca Debugger

To-Do App

Create To-Do App with Monaca Cloud IDE - Part 1
Create To-Do App with Monaca Cloud IDE - Part 2
Create To-Do App with Monaca Cloud IDE - Part 3
Create To-Do App with Monaca Cloud IDE - Part 4
Create To-Do App with Monaca Cloud IDE - Part 5
Create To-Do App with Monaca CLI


October 15, 2021
Video did not show, after creating the App, how to make App icon, how to upload and download App to devices.
May 4, 2020
I was actually in the thought of creating a new application for my final year project . This is more helpful and exactly clears all my doubts on developing an application.
March 14, 2020
This is a nice introduction to the Monaca Service, APIs and such. It may fit the need of future app and current app development.
September 27, 2018
Great course and certainly delivered on its promise. Nice and simple. I would love to see more classes of this style, but incorperate new elements like Cordova Plugins, other JS Frameworks, and Theme building. I few things I wanted to point out was; 1. the change in the pacing towards the end of the course. In the start, he explained in detail why he was putting certain pieces of code in and that gave time to be able to follow along. Later, entire blocks of code are completed in a cut. He explains some pieces but not all. 2. There are a few outdated elements in his code that should be updated in the videos. For example, <ons-input type="checkbox"> has been depreciated and is now <ons-checkbox>. Also script tags with id attributes are now stripped of the id, making the code fail when trying to access the item template. 3. Monaca has changed their structure now and they do not allow the free tier accounts to use Monaca CLI.
September 20, 2018
Bryan takes the course slow and steady for people to understand clearly. As beginners it may be daunting to have to understand a lot of new concepts and the many different pre-requisites (eg. onsen, monaca, cordova etc) but he explains it well. Although slight improvement would be for clearer view for the slides and the script sometimes are off.
September 16, 2018
Course added new information and open new area of mobile app developing I will try to develop a real app and see how it is easy or hard to do. Instructor is good and have a good knowledge
June 21, 2018
The whole course relates to provide knowledge about Monaca services and how you can use those service to create Cordova app. There is no information on how to setup cordova locally and compile them to Android / iOS app using either android / iOS SDK... Even then its a great introduction to Cordova application.
June 20, 2018
Unenthusiastic speaker who blocks part of the screen. I need to interact with something. The code needs to be updated because there are a few pieces that do not work. I needed to browse the forums to make modifications to the code posted on Github.
March 31, 2018
I started the course as I was interested in learning Onsen UI. I found the udemy link from Onsen website. First, I thought, it is just a Monaca advertisement and will not learn much about Onsen UI. I was pleasantly surprised how good and easy it is to quickly develop using Monaca. This will definitely help me learn more of Onsen UI elsewhere. I liked the way the instructor slowly walked us through the example. How Bryan did not start with tested code but walked us through the entire process including troubleshooting which is so important in real world. Eager to see more courses from Bryan.
March 26, 2018
Wonderfully explained and love to go with this course this half star is not given because it is not allowing us to download the videos :(
February 24, 2018
My overall experience was nice, but I really did feel that the instructor was unable to explain all the concepts in detail. Also,though I followed the entire course step-wise,I wasn't able to make the to-do application due to some unknown bug or error at the end which couldn't be resolved.
January 13, 2018
Very nice tools for creating an app. Did not go into the actual creation of the apk file though. I guess that is not what they are selling. However I think it's a good platform, so far...
December 21, 2017
O tutor domina o conteúdo e explica passo a passo, com exemplos práticos. Apesar das poucas vezes em que a legenda falha na tradução, ainda sim é um excelente curso!
October 9, 2017
Some of the functions are there out of nowhere and he is making a lot of mistakes. Now i have an app which is not woking and brings other errors than his.
August 11, 2017
Great tutorial! Great for beginners. I wish I had it when I was first starting with Onsen and Monaca. Liked that you've shown the creating of an actual app, which shows more than the basic features. Just one issue: I didn't find the source code. It will be good to have it for download.



Learn to Build Your First Apache Cordova / PhoneGap App - Price chart


Learn to Build Your First Apache Cordova / PhoneGap App - Ratings chart

Enrollment distribution

Learn to Build Your First Apache Cordova / PhoneGap App - Distribution chart
udemy ID
course created date
course indexed date
course submited by