Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

Overview

Create mobile web applications using the latest HTML5 technologies. In this 10-session video course, you’ll learn how to style your apps to respond to a device’s vertical and horizontal orientation, take advantage of global positioning, embed audio and video, create basic animations, and much more. During this course, you#8217;ll combine HTML5 elements with JavaScript and CSS3 to create apps for Twitter, movie trailers, and an address book.

Subscriber Reviews

Average Rating: 4.090909090909091 out of 5 rating Based on 11 Ratings

"this guy did great" - by tkousek on 14-JUL-2014
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
Great class.  Still pertinent in 2014 even though this was done in 2010.  Like his coverage on the canvas.

Report as Inappropriate

"Excelent!" - by Juan Báez on 03-JUL-2012
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
Excelent tutorial. I really enjoyid it.
Report as Inappropriate

"Good but basic" - by Anonymous on 21-APR-2012
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
Certainly good if you want a high level intro to mobile html5 dev. a very good start. Although Jake's constant "hmmm" will get annoying! :)
Report as Inappropriate

"Pretty weak teacher" - by Anonymous on 30-JAN-2012
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
The teacher seems very inexperienced.
Report as Inappropriate

"Good coverage" - by RichCollier on 20-NOV-2011
Reviewer Rating: 1 star rating2 star rating3 star rating4 star rating5 star rating
This tutorial presents a good starting place for working with HTML5.  The focus is kept throughout even though many other aspects of programming get thrown in to make things work.  Mistakes are common.  Some of these mistakes are fixed magically before the next segment, some are never fixed, although, perhaps those mistakes were not very important.
Report as Inappropriate

Table of Contents

Chapter/Selection

Time

Meet HTML5

Meet HTML5 and Apps for this Course

Preview

00:22:39

Requirements and Installing the Simulators

Preview

00:33:56

Create a Twitter App

New HTML5 Elements

Preview

00:23:12

Viewport and CSS Reset

Play Video

00:13:27

Size your app for mobile with CSS

Preview

00:10:11

Add gradients

Preview

00:12:43

Create navigation icons

Preview

00:11:56

Style a list

Preview

00:08:09

Make your page a web app

Preview

00:19:13

Make Ajax Calls

Make Ajax Calls

Preview

00:30:35

Get Tweets as JSON

Preview

00:33:22

CSS3 Transitions

Preview

00:25:14

Web Fonts

Preview

00:13:13

Review and Final Q&A

Preview

00:06:03

Add Geolocation, Detect Orientation and Use CSS3 Media Queries

CSS3 Media Queries

Preview

00:12:07

Detect Orientation with JavaScript

Play Video

00:17:46

Geolocation

Preview

00:30:09

Review and Q&A

Preview

00:06:20

Use HTML5 Databases for Offline Storage

Use HTML5 Databases for Offline Storage

Play Video

00:19:05

Cache the Tweets

Preview

00:18:15

Cache Manifest

Preview

00:09:42

Detect Online Status

Preview

00:27:03

Review

Preview

00:08:49

Next Week Preview

Preview

00:01:12

Using Tweetstr while offline on the iPad

Preview

00:01:48

Create an Address Book App with Forms

Create a Web SQL Database for our Address Book

Preview

00:14:35

New Input Types

Preview

00:24:06

CSS3 Animations

Preview

00:16:54

Review and Final Q&A

Preview

00:04:52

Build a Movie Trailer app with Audio and Video

Build a Movie Trailer App with Audio and Video

Preview

00:17:56

Custom Audio Player

Preview

00:14:12

Playback Progress Bar

Preview

00:12:21

Changing the Audio

Preview

00:15:21

Review

Preview

00:02:06

Draw Using JavaScript and Canvas

Draw using JavaScript and Canvas

Preview

00:16:40

Add Drawings to your Canvas

Preview

00:28:13

The Drawing System and Paths

Preview

00:12:48

Create Arcs and Bezier Curves

Preview

00:20:44

Review

Preview

00:07:18

Animate Your Drawings with Canvas

Combine Images with Compositing

Preview

00:14:22

Manipulate Images on the Canvas

Preview

00:13:15

Scale and Rotate with Transforms

Preview

00:13:43

Rotate an Image

Preview

00:09:15

Create an Animation

Preview

00:25:56

Review

Preview

00:03:04

Combine the HTML5 Video Element with the Canvas

Example files for Week 10

Preview

00:00:19

Extras

The publisher has provided additional content related to this title.


Description
Content

Download course files for HTML5 Mobile Web Development.

  • HTML5MobWebDevWeek9.zip
  • HTML5Week1.zip
  • HTML5Week2.zip
  • HTML5Week3.zip
  • HTML5Week4.zip
  • HTML5Week5.zip
  • HTML5Week6.zip
  • HTML5Week7.zip
  • HTML5MobWebDevWeek8.zip

Visit the catalog page for HTML5 Mobile Web Development

  • Catalog Page

Download the supplemental electronic content for HTML5 Mobile Web Development

  • Supplemental Content

Visit the errata page for HTML5 Mobile Web Development

  • Errata

View boks related to this course.

  • Head First HTML with CSS & XHTML
  • HTML5: Up and Running
  • Head First JavaScript
  • Building iPhone Apps with HTML, CSS, and JavaScript
  • Programming the Mobile Web
  • Building Android Apps with HTML, CSS, and JavaScript
  • HTML & CSS: The Good Parts
  • JavaScript Cookbook
  • Tapworthy: Designing Great iPhone Apps
  • Mobile Design and Development