O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

JavaScript HTML5 API Programming

Video Description

In this Beginners HTML5 Programming training course, expert author Craig Buckler teaches you how to take full advantage of the new HTML5 API's for JavaScript. The tutorial assumes that you already have a basic working knowledge of JavaScript programming, HTML, CSS and general web concepts.
You will start off with a general introduction to browser APIs, and what they are. You will explore the Document Object Module (DOM) and how to access it with JavaScript. Craig then teaches you how to handle browser events and about the event object, dealing with form events, working with timers and animation, and introduces you to Ajax. Once you have a firm grasp on those concepts, you cover HTML5 APIs for audio and video, canvas, SVG, geolocation, and file handling. You will finish off with lessons on persistance storage, and advanced debugging tools and techniques.
By the conclusion of this JavaScript HTML5 API programming tutorial, you will have an in-depth grasp of how to access and manipulate your web projects using JavaScript. Working files are included to allow you to work alongside the author using the same files that references throughout the training course.

Table of Contents

  1. Getting Started
    1. What You Will Learn 00:06:35
    2. What You Need To Know 00:05:37
  2. An Introduction To Browser APIs
    1. What Is A Browser API? 00:05:38
    2. Why Browser Sniffing Stinks 00:04:16
    3. The Window Object 00:08:25
    4. The Location Object 00:03:28
  3. The Document Object Model
    1. An Introduction To The DOM 00:03:16
    2. Selecting Elements 00:07:11
    3. Node Navigation 00:11:55
    4. Dynamic Styling 00:05:35
    5. Changing Element Content 00:03:41
    6. Adding And Cloning Elements 00:10:45
    7. Removing Elements 00:04:37
  4. Event Handling
    1. An Introduction To Browser Events 00:05:45
    2. Defining Events And Handlers 00:06:52
    3. The Event Object 00:02:43
    4. Event Propagation 00:07:07
  5. Form Handling
    1. Form Events 00:05:11
    2. Client-Side Validation 00:10:05
    3. Custom Controls 00:07:10
  6. Timers And Animation
    1. How Animation Works 00:03:13
    2. Timer Functions 00:03:38
    3. HTML5 requestAnimationFrame 00:01:51
  7. Ajax
    1. An Introduction To Ajax 00:05:29
    2. Web Services And Data Formats 00:06:25
    3. Using XMLHttpRequest 00:14:50
    4. Script Insertion Techniques 00:06:41
  8. HTML5 APIs
    1. Audio And Video 00:10:12
    2. Canvas 00:08:31
    3. SVG 00:07:55
    4. Geolocation 00:03:00
    5. File Handling 00:06:36
    6. Web Workers 00:06:19
  9. Persistance And Storage
    1. Cookies 00:11:54
    2. Local Storage 00:05:48
    3. Working Offline 00:06:34
    4. Managing Page History 00:09:21
  10. Advanced JavaScript Debugging
    1. Firebug 00:09:07
    2. The Webkit Inspector 00:08:10
    3. Opera Dragonfly 00:05:40
    4. IE Developer Tools 00:06:47
  11. Further Resources
    1. JavaScript Libraries 00:09:46
    2. Shims, Shivs And Polyfills 00:09:34
    3. Online Resources 00:03:34
  12. About The Author
    1. Learn About Me 00:02:14