This Online Training Course has Concluded
The sessions were presented live during October and December 2010.

Purchase the Video
Download the full online course for $139. Code examples and slides are included.

• Discover what's new in HTML5, CSS3, and JavaScript for mobile development
• Build your own Twitter App with these technologies
• Create apps that detect the orientation of mobile devices
• Use geolocation and maps in a location-based app
• Enable mobile users to use your app offline
• Use HTML5 web forms to create an address book app
• Create drawings and animation with JavaScript and HTML5's canvas element
• Use HTML5's audio and video elements to build a movie trailer app

Ready to create mobile web applications with HTML5? In this 10-week online course, you'll learn how to build mobile apps using several HTML5 features—including the new semantic elements, geolocation, audio and video tags, local storage capacity, web forms, and the canvas 2D drawing surface. During the course, you'll combine HTML5 elements with JavaScript and CSS3 to create apps for Twitter, movie trailers, and an address book.

Discover how to style your apps to respond to a device's vertical and horizontal orientation, take advantage of global positioning, draw your own controls and create basic animations, make your app available to users offline, and more—in just ten weeks.

• Web developers interested in mobile development
• Mobile web developers ready to update their skills with HTML5
• Business developers and project managers looking to understand mobile technologies
• Beginning to intermediate programmers who want to learn new web skills

• PHP5
• Android SDK (optional)
• Experience with HTML, CSS, and JavaScript
• A laptop with Mac OS X (10.6)
• Safari 4 browser or better
• iPhone and iPad simulator

Note: if you have a PC or Linux, you will need a device (iPhone, iPad, or Android phone) and a web server accessible on the Internet in order to run the examples in the course.

Please note: Because this online course takes place before and after the change from daylight time to standard time, the first five sessions will start at 3 p.m. PDT, and the final five sessions will start at 3 p.m. PST.

• Session 1: Meet HTML5—October 5, 2010, 3 p.m. (PDT)
  Get up to speed on HTML5's important new features and learn about the mobile environments you'll be working with. This valuable overview will help you get everything installed so that you're set up for the rest of the course.
• Session 2: Create a Twitter App—October 12, 2010, 3 p.m. (PDT)
  Learn how to use HTML5's new semantic elements to lay out a Twitter web app you'll be working with over the next few weeks. Understand the CSS3 pseudo class "nth-child" and learn how to cache your static HTML, JavaScript, CSS, and image files for offline use.
• Session 3: Make Ajax Calls—October 19, 2010, 3 p.m. (PDT)
  Add Ajax calls to your Twitter app that enables you to pull down recent tweets. You'll also learn about cross-site scripting security and what you need to do about it, as well as CSS3 Web Fonts and Transitions.
• Session 4: Add Geolocation and Detect Orientation using CSS3 Media Queries and JavaScript—October 26, 2010, 3 p.m. (PDT) Discover how JavaScript orientation detection knows when users rotate their mobile devices, and learn how to style your app to respond to different orientations, using CSS3 media queries. Understand how to use geolocation in this session. You'll learn how to get a user's current global position and use that information to load local tweets on a map.
• Session 5: Use HTML5 Databases for Offline Storage—November 2, 2010, 3 p.m. (PDT) Learn the basics of databases and how to use them. Then, connect your app to the Web SQL Database so users can store tweets for offline viewing. You will also learn how to use the Cache Manifest to cache your static files for offline viewing and how to detect when the browser is online or offline.
• Session 6: Create an Address Book App with Forms—November 9, 2010, 3 p.m. (PST) HTML5 makes it easier for you to create web forms. In this session, you'll learn how to build an address book and display the appropriate on-screen keyboard to fit the type of data users will input. We will also use CSS3 Animations to create a 'searching' animation.
• Session 7: Build a Movie Trailer app with Audio and Video—November 16, 2010, 3 p.m. (PST) With the help of HTML5's new audio and video tags, you'll learn how to create an app that lets users view movie trailers. You'll also explore CSS3 transforms for adding rotation to video elements.
• Session 8: Draw Using JavaScript and Canvas—November 23, 2010, 3 p.m. (PST) Set up the new canvas element properly and learn how to draw simple and complex shapes. You'll draw shapes, by defining paths and using solid, gradient, and pattern fills.
• Session 9: Animate Your Drawings with Canvas—Dec 7, 2010, 3 p.m. (PST) Learn about the canvas composition model, and how to use the canvas element to create basic animations. You'll draw images into the canvas and discover how to use 2D transforms to translate, scale and rotate them.
• Session 10: Combine the HTML5 Video Element with the Canvas—December 14, 2010, 3 p.m. (PST) Learn how to use the HTML5 Video Element with the Canvas to create great video effects.

Jake Carter is a web and software developer at RogueSheep, an award-winning Seattle-based company dedicated to creating top-tier applications that focus on design and usability. While he currently develops for Apple's iOS devices, Jake has a personal and professional enthusiasm for web standards. Staying on the cutting edge of technology is more than just a job for Jake—it's a passion.