Build a Cross-Platform Mobile App with PhoneGap
4.3 (2 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.
23 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Build a Cross-Platform Mobile App with PhoneGap to your Wishlist.

Add to Wishlist

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.3 (2 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.
23 students enrolled
Created by Trevor Smart
Last updated 9/2015
Current price: $12 Original price: $20 Discount: 40% off
4 days left at this price!
30-Day Money-Back Guarantee
  • 1.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I 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
View Curriculum
  • 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 is the target audience?
  • It is recommended that you have a working knowledge of HTML, CSS and JavaScript
Compare to Other Mobile Development Courses
Curriculum For This Course
15 Lectures
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
About the Instructor
Trevor Smart
4.3 Average rating
2 Reviews
23 Students
1 Course
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.