HTML5 APIs and Media

This course is included in our On-demand training solution.

Overview

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

Prerequisites

None

Expected Duration

150 min.

Course Objectives

Course Introduction

Using the Drag and Drop from the File API in HTML5

  • describe how to drag and drop files using the File API in HTML5
  • Using Geolocation with HTML5

  • use geolocation data in an HTML5 document
  • Finding HTML5 Elements Using querySelector

  • select elements using querySelector from within an HTML5 document
  • Finding HTML5 Elements Using querySelectorAll

  • select a group of elements using querySelectorAll from within an HTML5 document
  • Finding the First Instance of an Element in HTML5

  • use the query selector tools to find the first instance of an element within an HTML5 document
  • Finding Multiple Elements Using Selectors in HTML5

  • match multiple elements using selectors from within an HTML5 document
  • Using Session Storage with HTML5

  • describe how to use session storage within an HTML5 document
  • Using Local Storage Objects with HTML5

  • create and use a local storage object within HTML5
  • Selecting Files Using the File API with HTML5

  • select files using the File API in HTML5
  • Using XML with HTML5

  • describe the use and purpose of XML in HTML5
  • Using AJAX with HTML5

  • describe the basic features of AJAX in an HTML5 document
  • Enhancing HTML5 with the XMLHttpRequest API

  • describe how to use the XMLHttpRequest API in HTML5
  • Inserting Server Files into an HTML5 Web Page

  • apply XMLHttpRequest API calls to load a server file into an HTML5 web page
  • Swap HTML5 Pages Using XMLHttpRequest

  • use the XMLHttpRequest API to swap an HTML page in an HTML5 document
  • Using Browser Best Practices with HTML5

  • describe the browser best practices when using HTML5
  • Verifying HTML5 Browser Support

  • describe how to check for browser support for HTML5
  • Debugging HTML5

  • troubleshoot issues with HTML5 documents
  • Playing Audio Files in HTML5

  • describe how to play audio files in HTML5
  • Playing Video Files in HTML5

  • describe how to play video files in HTML5
  • Manipulating the Source Attribute in HTML5

  • configure the source attribute for audio and video files in HTML5
  • Using the Audio and Video APIs in HTML5

  • describe how to use the Audio and Video APIs in HTML5
  • Obtaining Time-Related Information in HTML5

  • describe how to obtain time-related information in HTML5
  • Configure Media Events in HTML5

  • use media events in an HTML5 document
  • Preloading, Looping, and Muting Media with HTML5

  • configure preloading, looping, and mute settings on audio and video media in HTML5
  • Sourcing Dynamic Audio and Video Content in HTML5

  • describe how dynamic sourcing of audio and video content works in HTML5
  • Configuring Audio and Video MIME Types in HTML5

  • describe how audio and video MIME types are set in HTML5
  • Accessing Playhead Position in HTML5 Media

  • describe how information about the playback of media can be retrieved in HTML5
  • Exercise: Using HTML5 APIs and Media

    MONTHLY SUBSCRIPTION

    $129/month
     

    ANNUAL SUBSCRIPTION

    $1295/year

    Multi-license discounts available for Annual and Monthly subscriptions.