Build a Cross-Platform Mobile App with PhoneGap
4.6 (6 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
89 students enrolled

Build a Cross-Platform Mobile App with PhoneGap

Get started quickly on building your first hybrid app using HTML5, CSS, JavaScript and jQuery Mobile.
4.6 (6 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
89 students enrolled
Created by Trevor Smart
Last updated 9/2015
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 27 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • 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
Course content
Expand all 15 lectures 01:30:23
+ Course Overview
1 lecture 01:26

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.

Preview 01:26
+ Getting Started
2 lectures 07:44

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

Preview 01:31

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

Preview 06:13
+ Working with jQuery Mobile Framework
4 lectures 32:59

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

Preview 06:00

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

Linking Stuff

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.

jQuery and Sounds

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

Collapsible Content and Button Icons
+ Linking HTML Documents
1 lecture 04:09

Learn how to quickly create linking HTML documents.

Linking HTML Docs
+ JavaScript for an Interactive App
4 lectures 28:40

Create a score counter and integrate it with popup windows.

Part 1

Get the score counter working for you in this lesson.

Part 2

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

Part 3

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

Part 4
+ Finishing Touches and Deploying Your App
3 lectures 15:25

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.

Media Queries and ThemeRoller

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.

Using PhoneGap Build

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.

Config.xml and the InAppBrowser Plugin
  • It is recommended that you use a code editor such as Brackets or Dreamweaver.

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.

Who this course is for:
  • It is recommended that you have a working knowledge of HTML, CSS and JavaScript