Course Details

Previous Page

HTML5 APIs and Media

Target Audience
Expected Duration
Lesson Objectives
Course Number

HTML5, its APIs, and JavaScript provide a powerful tool to create robust, rich, dynamic web pages. Using these tools and client-side features of the browser allows developers to create dynamic, media rich, and very interactive sites for their users to interface with. In this course, you'll learn about the basic building blocks for building highly dynamic, fast, and reactive web pages.

Target Audience
Advanced web developers who need or want to add dynamic client-side interactivity to a web page


Expected Duration (hours)

Lesson Objectives

HTML5 APIs and Media

  • start the course
  • describe how to drag and drop files using the File API in HTML5
  • use geolocation data in an HTML5 document
  • select elements using querySelector from within an HTML5 document
  • select a group of elements using querySelectorAll from within an HTML5 document
  • use the query selector tools to find the first instance of an element within an HTML5 document
  • match multiple elements using selectors from within an HTML5 document
  • describe how to use session storage within an HTML5 document
  • create and use a local storage object within HTML5
  • select files using the File API in HTML5
  • describe the use and purpose of XML in HTML5
  • describe the basic features of AJAX in an HTML5 document
  • describe how to use the XMLHttpRequest API in HTML5
  • apply XMLHttpRequest API calls to load a server file into an HTML5 web page
  • use the XMLHttpRequest API to swap an HTML page in an HTML5 document
  • describe the browser best practices when using HTML5
  • describe how to check for browser support for HTML5
  • troubleshoot issues with HTML5 documents
  • describe how to play audio files in HTML5
  • describe how to play video files in HTML5
  • configure the source attribute for audio and video files in HTML5
  • describe how to use the Audio and Video APIs in HTML5
  • describe how to obtain time-related information in HTML5
  • use media events in an HTML5 document
  • configure preloading, looping, and mute settings on audio and video media in HTML5
  • describe how dynamic sourcing of audio and video content works in HTML5
  • describe how audio and video MIME types are set in HTML5
  • describe how information about the playback of media can be retrieved in HTML5
  • develop a robust, rich, and dynamic web page using HTML5 APIs and media
  • Course Number: