x

Confirm Download

Simultaneous file downloading works best in FireFox, Chrome, and Safari browsers. Please keep this window open until all downloads are complete. Some customers prefer using file download managers for Chrome or Firefox to better manage large and multiple file downloads.

Cancel Download

HTML5 Mobile Web Development

    • Meet HTML5

      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.
    • 00:56:55

      • Requirements and Installing the Simulators  (Free)

        In this segment, instructor Jake Carter steps through everything you need to get set up for the course on a Mac (see the Week 1 tip sheet for Windows), including web sharing and installing the iOS SDK & Simulator, and the Android Emulator.
      • 00:33:56

    • Create a Twitter App

      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.
    • 01:39:14

      • New HTML5 Elements

        This week, we start building our Twitter app. Instructor Jake Carter introduces new HTML5 elements to get us started.
      • 00:23:13

    • Make Ajax Calls

      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.
    • 01:48:47

      • Make Ajax Calls

        In this week's class, instructor Jake Carter shows how to use Ajax to grab tweets from the Twitter timeline and add them to the DOM, implement a CSS transition to show the user profile, and use a web font.
      • 00:30:35

    • Add Geolocation, Detect Orientation and Use CSS3 Media Queries

      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 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.
    • 01:06:42

      • CSS3 Media Queries

        This week, you'll update the Twitter app to include a map. You'll learn how to detect orientation with JavaScript so that when you turn your device into landscape, a map loads that shows the location of tweets.
      • 00:12:07

    • Use HTML5 Databases for Offline Storage

      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.
    • 01:26:15

      • Use HTML5 Databases for Offline Storage

        This week, instructor Jake Carter shows how you can make your mobile web app available when the user is offline. Learn how to use databases to store data and the cache manifest to store static assets, and use JavaScript to store and load data.
      • 00:19:05

    • Create an Address Book App with Forms

      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
    • 01:00:47

    • Build a Movie Trailer app with Audio and Video

      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.
    • 01:02:16

      • Build a Movie Trailer App with Audio and Video

        In this week's class, instructor Jake Carter shows how you can build web pages using the new HTML5 audio and video elements. You'll use JavaScript to control the players, and CSS to style them for mobile devices.
      • 00:17:56

    • Draw Using JavaScript and Canvas

      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.
    • 01:26:03

    • Animate Your Drawings with Canvas

      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.
    • 01:19:56

HTML5 Mobile Web Development

  • Publisher: O'Reilly Media
  • Released: September 2010
  • Run time: 13 hours 23 minutes

Ready to create mobile web applications with the new features available in HTML5? In this 10-session video course, you’ll learn how to style apps to respond to a mobile device’s vertical and horizontal orientation, take advantage of global positioning, create basic animations, make your app available to users offline, and much more.

Presented by creativeLIVE in partnership with O’Reilly, each session offers easy-to-follow, hands-on lessons. You’ll learn how to combine HTML5 elements with JavaScript and CSS3 to build mobile web apps for Twitter, movie trailers, and an address book. This video package is ideal for web developers interested in mobile development, mobile web developers ready to update their skills with HTML5, and business developers and project managers looking to understand mobile technologies.

  • 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

You’ll get access to all ten sessions, including slide presentations and examples. Each session was presented live during ten consecutive weeks in October, November, and December 2010, and you can now download all the videos and example files, which include presentation slides, tip sheets, code and sample eBook chapters.