Skip to Main Content

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

Time: 9am - 4pm
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.


EWHT201—Learning HTML5 and EWJS102—JavaScript: Advanced Scripting or equivalents are mandatory

This course is currently available in another city, on demand or for private classes only. Call us at 888.484.2933 to learn more about our flexible scheduling options or complete our Information Request Form and we will contact you to arrange a class date that is suitable to your availability.

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.

© 2017 Eliquo, Inc. All rights reserved.

Back to Top