Creating Mobile Apps with HTML5

Do you want to make mobile apps that run on iPhone and iPad, as well as on Android, and Windows Phone? Sure you do! Do you want to learn five different programming languages? Of course you don't!

Fortunately, you're about to discover a better way to build apps. In this course, you'll view ways to imagine, design, build, and optimize a cross-platform mobile app using the very latest HTML5 standards. The result will be a mobile app that's fast and runs on just about any smartphone or tablet computer.

What you will learn

• Learn to build apps using HTML5 and CSS3
• Discover scripting with JavaScript and several JavaScript frameworks and techniques such as jQuery, jQuery Mobile, and AJAX
• Understand how to use web services in your app
• Learn how to determine an app's user location by accessing the built-in geolocation capabilities of the user's smartphone
• Discover how to use web APIs to combine different web services to create mobile mashups
• Optimize your app for performance
• Learn to convert your HTML5 apps into native apps that you can submit to app stores

How you will benefit

• Learn some of the most sought-after skills in web and mobile development
• Open the door to new freelance and employment opportunities at companies nationwide
• Gain the skills you need to become a mobile app developer

Outline

The Basics of Mobile Apps and App Design

What are the compelling reasons for developing mobile apps with HTML5, and why are some of the web's biggest players—including Google, Facebook, and Twitter—moving all their apps to the mobile web? In this lesson, you'll learn four principles for designing great mobile apps and get acquainted with the concept of "mobile first" web development. By the end of the lesson, you'll be ready to start writing an app.

Building Your First Mobile App

In this lesson, you'll follow the progress of employees at a fictitious company as they build a mobile app. In the process, you'll set up your tools and get your hands dirty with some real HTML5 code.

Introducing HTML5

HTML5 is the latest version of the markup language of the web. In this lesson, you'll learn why web developers and mobile developers are so gung-ho for HTML5. More importantly, you'll find out how you can use it to write your own web pages. By the end of the lesson, you'll understand the basics of markup languages and HTML5 syntax.

Formatting HTML5 With CSS3

CSS (Cascading Style Sheets) are an extremely important part of modern web design. In this lesson, you'll use CSS to format HTML documents. This lesson also looks at the new capabilities that are possible with CSS version 3.

Scripting With JavaScript

JavaScript is the programming language of the mobile web. In this lesson, you'll learn to use JavaScript to add interactivity to mobile apps.

Jump-Start Your App With jQuery Mobile

This lesson is all about getting things done faster, better, and with less effort! You'll use jQuery Mobile to make your HTML5 apps feel at home on mobile devices. You'll also use JavaScript libraries and frameworks to get more done in less time.

Accessing Device Features and Storage

By accessing built-in device features such as offline storage and location services, you can make your mobile web apps much more dynamic. In this lesson, you'll learn what's possible and how to do it.

Web APIs and Mashups

No web app is an island. Hundreds of app developers have made certain features of their software available using Web Application Programming Interfaces. By using these APIs to retrieve data and then combining different data sources, you can create endless combinations called mashups.

HTML5 Graphics and Animation

Graphics and animation can really spice up your mobile apps. The mobile web has special requirements and technologies that you need to be aware of, however. In this lesson, you'll learn to optimize your graphics for the mobile web.

Optimizing for Mobile Devices

Smartphones and tablets come in different shapes and sizes. In this lesson, you'll learn to make your web app look good on the largest possible variety of devices. You'll also add some meta tags that will give your app more polish on iPhone and Android, and then focus on touch-enabling your app.

Maximizing Mobile Performance

A responsive app doesn't keep the user waiting. In this lesson, you'll learn some techniques to make your app responsive. You'll also try out some tools that will help you check and improve your site's responsiveness.

Convert Your App to a Native App

Native apps give you access to more device features and to the distribution power of an app store. Learn how to use Apache Cordova to convert your web app into a native one for multiple mobile operating systems.

Prerequisites:

There are no prerequisites to take this course. HTML and/or programming experience will be helpful, but is not required.