Skip to Main Content

Enhancing HTML5 with APIs including Drawing, Animation and Storage  (EWHT203)

Time: 9AM - 4PM Eastern Time (ET)
Duration: 2 Days


In this course you will learn how to: Detect browser support for HTML5 features; Use the File API to work with the local file system; Implement a Drag and Drop interface; Store and access complex data offline; Create graphics and animation using the canvas element.


EWHT101—Introduction to HTML and EWJS101—JavaScript: An Introduction or equivalents are mandatory.

Public Class Schedule

Location Language Date Price Register
Web-based(Opens in new window) English October 8 - October 9 $635.00

We're Here to Help

Don't see the dates you need? Call us at 888.484.2933 or Tell Us What You Need.

Course Outline

  • Feature Detection
    • The problem with browser detection
    • Feature detection in JavaScript
    • Using feature detection libraries
    • HTML5 feature detection tools
  • HTML5 File API
    • Overview of the File API
    • Detecting File API support
    • Reading file information
    • Reading the content of a file
    • File API event handlers
  • HTML5 Drag and Drop
    • Overview of the Drag and Drop API
    • Detecting Drag and Drop API support
    • Drag and Drop API event handlers
    • Working with drop zones
    • Drag and drop accessibility concerns
  • Web Storage
    • Types of web storage
    • localStorage and sessionStorage
    • Understanding the Web SQL API
    • Understanding the IndexedDB API
    • Storage event handlers
    • Overview of offline web applications
  • Creating Graphics With Canvas
    • Detecting canvas support
    • Drawing shapes with canvas
    • Integrating canvas and images
    • Applying fills and strokes
    • Scale, rotate and transform operations
    • Basic animation

Private training is available for this course.

Call us at 1-888-484-2933 to learn more about our flexible scheduling options or complete our Information Request Form.

© 2020 Eliquo, Inc. All rights reserved.

Back to Top