Build a Cross-Platform Mobile App with PhoneGap

Get started quickly on building your first hybrid app using HTML5, CSS, JavaScript and jQuery Mobile.
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
14 students enrolled
Take This Course
  • Lectures 15
  • Length 1.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 9/2015 English

Course Description

The “write once, run anywhere" mantra holds true when it comes to the development of hybrid, cross-platform apps. Web developers are already using HTML5, CSS and JavaScript so it makes sense to build web and mobile apps with what they know! Hybrid, native-like, mobile app development is gaining momentum for that reason, especially since development costs are significantly reduced.

Develop Your First Hybrid Mobile App

  • get started with one of the most well supported touch-optimized web frameworks jQuery Mobile
  • find out how customizing your app with your own CSS and JavaScript can easily be accomplished
  • create apps with interactive elements such as a quiz which will increase engagement and interest

Enjoy the Benefits of Cross-Platform Development

This course is not an overview but rather a detailed step-by-step guide through the process of developing your first hybrid app. For your convenience, all of the required code snippets and other resources are made available to download. By the end of the course you will have built and compiled your first mobile app ready for the app store.

What are the requirements?

  • It is recommended that you use a code editor such as Brackets or Dreamweaver.

What am I going to get from this course?

  • Understand how jQuery Mobile provides a touch-friendly user interface
  • Create and incorporate custom CSS and JavaScript into your mobile app
  • Understand responsive web design by using media queries
  • Insert images and sounds into an app
  • Provide interactivity and user engagement with JavaScript
  • Deploy your app with PhoneGap Build

Who is the target audience?

  • It is recommended that you have a working knowledge of HTML, CSS and JavaScript

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Course Overview

Get a better idea of what will be covered in this course with this overview.

You can download the audio and image files needed for this project in this section.

Section 2: Getting Started

Discover what tools you will need and get your development environment set up.


Create project files and folders, linking jQuery Mobile, and using it for the first time.

Section 3: Working with jQuery Mobile Framework

Explore attributes to define the various elements of layout such as header, content, footer, grid, block, and control group.


Learn how to use images and scale them with CSS, link to external web pages, and incorporate a custom CSS file.


Create an external JavaScript file and work with jQuery in this lesson. You will also be inserting an audio file and learn how to play the sound clip.


Create collapsible content, provide visual cues with icons and create your own icons.

Section 4: Linking HTML Documents

Learn how to quickly create linking HTML documents.

Section 5: JavaScript for an Interactive App

Create a score counter and integrate it with popup windows.


Get the score counter working for you in this lesson.


Discover how to use arrays to store content and how to loop through them.


To add a little more gamification to the app let's learn how to generate a random number.

Section 6: Finishing Touches and Deploying Your App

Learn how to ensure your app is completely responsive by tweaking the CSS. As well, you'll learn how to create your own custom jQuery Mobile theme so you can quickly style your app.


You will learn how PhoneGap Build can generate cross-platform mobile apps. As well, you will view the app being tested on an Android device.


Set up the config.xml file and learn why you would want to use it. Then, discover how to use the InAppBrowser plugin to access external web pages.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Trevor Smart, JavaScript Programmer

Trevor has been programming in various object-oriented languages for over 2 years so he is keenly aware of best practices and techniques. His experience with JavaScript programming is quickly apparent in his easy to follow teaching style. Trevor also has a background in game programming which is why the mobile apps he develops tend to contain interactive and engaging elements.

Ready to start learning?
Take This Course