What you’ll learn:
- 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
About this online course:
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.
Here’s the best part: the sessions are free! If you can’t attend the live presentations—or if you do attend and want to revisit them later—the sessions will also be available on video.
Don’t miss this incredible opportunity—sign up today!
Who should attend?
- 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
What you’ll need:
- 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
Online Sessions Description
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: Detect Orientation and Use CSS3 Media Queries—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. You’ll also learn to detect when a CSS3 transition has ended.
Session 5: Add Geolocation—November 2, 2010, 3 p.m. (PDT)
Understand how to use geolocation in this session. You’ll learn how to get a user’s current global position, track changes in their location, and use that information to load local tweets on a map.
Session 6: Use HTML5 Databases for Offline Storage—November 9, 2010, 3 p.m. (PST)
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.
Session 7: Create an Address Book App with Forms—November 16, 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.
Session 8: Build a Movie Trailer app with Audio and Video—November 23, 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 9: Draw Using JavaScript and Canvas—November 30, 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 10: Animate Your Drawings with Canvas—December 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.
