Training > HTML5 Mobile Web Development
Live Online Course:
HTML5 Mobile Web Development
Instructor: Jake Carter
Presented by creativeLIVE in partnership with O'Reilly
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.
What you'll learn:
- 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
- Use HTML5's audio and video elements to build a movie trailer app
About this online course:
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.
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:
- Android SDK (optional)
- 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.
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)
- 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 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.
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.
creativeLIVE is a Seattle-based company that provides professional training for creative teams and individuals. creativeLIVE is known throughout the world for its free webcast training programs on design-related software, including Photoshop, Dreamweaver, Acrobat, Lightroom, and more. Visit creativelive.com to learn about upcoming training events.