HTML5 Mobile Web Development

with Jake Carter

HTML5 Mobile Web Development
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.

Instructor

Jake Carter's picture

Jake Carter

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… more...
  • Day 1 (2 Videos)

    • Meet HTML5 and Apps for this Course
      22:39
      Meet HTML5 and Apps for this Course
      HD |
    • Requirements and Installing the Simulators
      33:56
      Requirements and Installing the Simulators
      HD |
  • Day 2 (7 Videos)

    • New HTML5 Elements
      23:13
      New HTML5 Elements
      HD |
    • Viewport and CSS Reset
      13:28
      Viewport and CSS Reset
      HD |
    • Size your app for mobile with CSS
      10:11
      Size your app for mobile with CSS
      HD |
    • Add gradients
      12:44
      Add gradients
      HD |
    • Create navigation icons
      11:56
      Create navigation icons
      HD |
    • Style a list
      08:09
      Style a list
      HD |
    • Make your page a web app
      19:13
      Make your page a web app
      HD |
  • Day 3 (5 Videos)

    • Make Ajax Calls
      30:35
      Make Ajax Calls
      HD |
    • Get Tweets as JSON
      33:22
      Get Tweets as JSON
      HD |
    • CSS3 Transitions
      25:14
      CSS3 Transitions
      HD |
    • Web Fonts
      13:13
      Web Fonts
      HD |
    • Review and Final Q&A
      06:04
      Review and Final Q&A
      HD |
  • Day 4 (4 Videos)

    • CSS3 Media Queries
      12:07
      CSS3 Media Queries
      HD |
    • Detect Orientation with JavaScript
      17:46
      Detect Orientation with JavaScript
      HD |
    • Geolocation
      30:09
      Geolocation
      HD |
    • Review and Q&A
      06:20
      Review and Q&A
      HD |
  • Day 5 (7 Videos)

    • Use HTML5 Databases for Offline Storage
      19:05
      Use HTML5 Databases for Offline Storage
      HD |
    • Cache the Tweets
      18:15
      Cache the Tweets
      HD |
    • Cache Manifest
      09:42
      Cache Manifest
      HD |
    • Detect Online Status
      27:03
      Detect Online Status
      HD |
    • Review
      08:49
      Review
      HD |
    • Next Week Preview
      01:13
      Next Week Preview
      HD |
    • Using Tweetstr on the iPad While Offline
      01:48
      Using Tweetstr on the iPad While Offline
      HD |
  • Day 6 (4 Videos)

    • HTML5 Forms
      14:35
      HTML5 Forms
      HD |
    • New Input Types
      24:06
      New Input Types
      HD |
    • CSS3 Animations
      16:54
      CSS3 Animations
      HD |
    • Review and Final Q&A
      04:52
      Review and Final Q&A
      HD |
  • Day 7 (5 Videos)

    • Build a Movie Trailer App with Audio and Video
      17:56
      Build a Movie Trailer App with Audio and Video
      HD |
    • Custom Audio Player
      14:12
      Custom Audio Player
      HD |
    • Playback Progress Bar
      12:21
      Playback Progress Bar
      HD |
    • Changing The Audio
      15:21
      Changing The Audio
      HD |
    • Review
      02:06
      Review
      HD |
  • Day 8 (5 Videos)

    • Draw Using JavaScript and Canvas
      16:40
      Draw Using JavaScript and Canvas
      HD |
    • Add Drawings to Your Canvas
      28:13
      Add Drawings to Your Canvas
      HD |
    • The Drawing System and Paths
      12:48
      The Drawing System and Paths
      HD |
    • Create Arcs & Bezier Curves
      20:44
      Create Arcs & Bezier Curves
      HD |
    • Review
      07:18
      Review
      HD |
  • Day 9 (6 Videos)

    • Animate Your Drawings with Canvas
      14:22
      Animate Your Drawings with Canvas
      HD |
    • Add Drawings to Your Canvas
      13:15
      Add Drawings to Your Canvas
      HD |
    • Scale and Rotate with Transforms
      13:43
      Scale and Rotate with Transforms
      HD |
    • Rotate an Image
      09:15
      Rotate an Image
      HD |
    • Create an Animation
      25:56
      Create an Animation
      HD |
    • Review
      03:04
      Review
      HD |
  • Day 10 (5 Videos)

    • Combine the HTML5 Video Element with Canvas
      20:30
      Combine the HTML5 Video Element with Canvas
      HD |
    • DeviceMotion API
      28:09
      DeviceMotion API
      HD |
    • Today's Review
      18:46
      Today's Review
      HD |
    • Where To Go From Here
      21:18
      Where To Go From Here
      HD |
    • Final Q&A
      07:05
      Final Q&A
      HD |