Accelebrate's HTML5 Advanced APIs training course teaches attendees everything they need to take their HTML5 skills to the next level. Students learn how to use powerful APIs to leverage device orientation, audio and video, drag and drop, speech recognition, geolocation, the onboard battery, vibrations, and much more.

Course Number:

HTML-106

Duration:

3 Location and Pricing

Most Accelebrate courses are delivered as private, customized, on-site training at our clients' locations worldwide for groups of 3 or more attendees and are custom tailored to their specific needs. Please visit our client list to see organizations for whom we have delivered private in-house training. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote for private training at your site or online, please contact us.

In addition, some courses are available as live, online classes for individuals. See a schedule of online courses.

Advanced HTML5 Training Objectives

All students will learn how to:

Obtain the charge status of a device’s battery
Gain end users’ attention via their sense of touch
Send the end user notifications that appear outside the web browser
Tap into the device’s physical orientation
Make portions of your web page editable by the end user
Display portions of the web page so that they occupy the users’ entire screen
Implement voice recognition and speech synthesis
Leverage the new media elements (audio and video)
Work with the new <form> elements and attributes
Work with the WebStorage API
Send and receive messages from web pages, including web pages from a different domain
Associate HTML elements with data
Make any object on the web page draggable
Make your applications accessible both online and offline
Use the new features of XMLHttpRequest (XHR) level 2
Open full duplex connections from client to server with the WebSocket specification
Create single unidirectional channels between the server and the client
Create a 2D drawing surface with the <canvas> element and "draw” on the canvas with JavaScript.
Use geolocation information in your applications
Use web workers to boost the performance of your web applications

Advanced HTML5 Training Outline

Expand All | Collapse All | Printer-Friendly

Introduction

BatteryStatus API

Why use the BatteryStatus API?

How does the BatteryStatus API work?

The BatteryStatus API

Browser support

Vibration API

Why use the Vibration API?

How does the Vibration API work?

Vibration methods

Notifications API

Why use the Notifications API?

How does the Notifications API work?

Notifications API

DeviceOrientation Event API

Why use the DeviceOrientation API?

DeviceOrientation Event API

ContentEditable API

Resources

Making entire documents editable

Fullscreen API

Why use the Fullscreen API?

The Fullscreen API

Notes on the fullscreen view

Speech APIs

Speech Recognition and Speech Synthesis

Speech Synthesis

Speech Recognition

HTML5 Media elements and API

Audio and Video

Video and Audio APIs

Forms/Constraint Validation API

New form input types

What are the new input types?

When do I use the new elements?

HTML5 form validation

Constraint Validation API

WebStorage API

Browser support for WebStorage API

WebStorage API

When

Cookies vs. session storage vs. local storage

Web Messaging API

Web messaging’s postMessage() method

What is cross-origin resource sharing?

Ports and channel messaging

Dataset API

data-* syntax rules

The dataset API

Drag and Drop API

What is drag and drop?

Drag events

Drop events

Offline Applications API

What is an offline application?

Browser support for offline applications

Understanding the browser cache

Emptying the browser cache

The navigator.online property

Understanding the cache manifest file

Understanding cache events

XMLHttpRequest Level 2 API

Objectives

The XMLHTTPRequest object

XHR API

The XHR object

Web Sockets API

HTTP

Using a WebSocket server with the WebSocket API

Server-sent Events API

The server messages

Creating an EventSource

Canvas API

What are the new elements?

Why use the Canvas API?

Canvas quick summary

Uses for the new Canvas API

Canvas Demos

Geolocation API

What is the Geolocation API used for?

Browser support for Geolocation

The Geolocation API

Web Workers API

Features available to Web Workers

Why use Web Workers?

When should Web Workers be used?

How do Web Workers work?

The Web Worker API

Browser support for Web Workers

Types of Web Workers

Creating Shared Workers

Conclusion

Prerequisites:

All attendees must be fluent in HTML5 and have practical experience with the basics of CSS and JavaScript. Prior knowledge of JSON, DOM, and Ajax is helpful but not required. Our HTML5 Application Development; Modern Web Design with HTML5, CSS3, JavaScript, and jQuery; and Mobile Web Development with HTML5, CSS3, and JavaScript classes all meet this requirement.

Training Materials:

All students receive comprehensive courseware covering all topics in the course.

Software needed for each student PC:

Web or text editor of your choice
Web browsers - a recent version of one or more of the following:
- Google Chrome
- Mozilla Firefox
- Internet Explorer (9 or later)
- Safari (5 or later)
- Opera
- For classes delivered online, all participants need either dual monitors or a separate device logged into the online session so that they can do their work on one screen and watch the instructor on the other. A separate computer connected to a projector or large screen TV would be another way for students to see the instructor's screen simultaneously with working on their own.
If space on a web server is available, students may also wish to bring their mobile devices so they can test how pages appear on these devices.
For classes delivered online, all participants need either dual monitors or a separate device logged into the online session so that they can do their work on one screen and watch the instructor on the other. A separate computer connected to a projector or large screen TV would be another way for students to see the instructor's screen simultaneously with working on their own.

Related Courses:

40%

Lecture/Demo

60%

Lab

Software needed for each student PC:

Web or text editor of your choice
Web browsers - a recent version of one or more of the following:
- Google Chrome
- Mozilla Firefox
- Internet Explorer (9 or later)
- Safari (5 or later)
- Opera
- For classes delivered online, all participants need either dual monitors or a separate device logged into the online session so that they can do their work on one screen and watch the instructor on the other. A separate computer connected to a projector or large screen TV would be another way for students to see the instructor's screen simultaneously with working on their own.
If space on a web server is available, students may also wish to bring their mobile devices so they can test how pages appear on these devices.
For classes delivered online, all participants need either dual monitors or a separate device logged into the online session so that they can do their work on one screen and watch the instructor on the other. A separate computer connected to a projector or large screen TV would be another way for students to see the instructor's screen simultaneously with working on their own.

Please see our complete list of
Microsoft Official Courses

Recent Training Locations

United States

Alabama

Hunstville

Montgomery / Birmingham

Alaska

Anchorage

Arizona

Phoenix

Tucson

Arkansas

Fayetteville / Little Rock

California

San Francisco /

Oakland / San Jose

Orange County / Los Angeles

Sacramento

San Diego

Colorado

Denver /

Boulder / Colorado Springs

Connecticut

Hartford

Washington

Florida

Fort Lauderdale / Miami

Jacksonville

Orlando

Saint Petersburg / Tampa

Georgia

Atlanta

Augusta & Savannah

Idaho

Boise

Illinois

Chicago

Indiana

Indianapolis

Iowa

Cedar Rapids / Des Moines

Kansas

Wichita

Kentucky

Lexington / Louisville

Louisiana

Baton Rouge / Orleans

Maine

Portland

Maryland

Annapolis / Baltimore

Hagerstown & Frederick

Massachusetts

Springfield

Boston / Cambridge

Michigan

Ann Arbor / Detroit

Grand Rapids

Minnesota

Saint Paul / Minneapolis

Mississippi

Jackson

Missouri

Kansas City

St. Louis

Nebraska

Lincoln / Omaha

Nevada

Reno and Las Vegas

New Jersey

Princeton

New Mexico

Albuquerque

New York

Buffalo

Albany

White Plains / York City

North Carolina

Charlotte

Durham / Raleigh

Ohio

Canton / Akron

Cincinnati

Cleveland & Columbus

Dayton

Oklahoma

Tulsa / Oklahoma City

Oregon

Portland

Pennsylvania

Pittsburgh

Philadelphia

Rhode Island

Providence

South Carolina

Columbia & Charleston

Spartanburg & Greenville

Tennessee

Memphis / Nashville

Knoxville

Texas

Dallas

El Paso

Houston

San Antonio / Austin

Utah

Salt Lake City

Virginia

Richmond / Alexandria / Arlington

Washington

Tacoma / Seattle

West Virginia

Charleston

Wisconsin

Madison / Milwaukee

Canada

Alberta

Edmonton / Calgary

British Columbia

Vancouver

Nova Scotia

Halifax

Ontario

Ottawa

Toronto

Quebec

Montreal

Puerto Rico

San Juan

ACCELERATED LEARNING, CELEBRATED RESULTS ®

Introduction to HTML5

Introduction to HTML5 for Managers

HTML5 Application Development

HTML5 Advanced APIs

Modern Web Design with HTML5, CSS3, JavaScript, and jQuery

Fundamentals of HTML5 and CSS3

Mobile Development with HTML5, CSS3, and JavaScript

Introduction to RWD

MOC 20480 - Programming in HTML5 with JavaScript and CSS3

MOC 20481 - Essentials of Developing Windows Store Apps Using HTML5 and JavaScript

HTML5 Advanced APIs

40%

60%

Course Number:

HTML-106

Duration:

3

Location and Pricing

Advanced HTML5 Training Objectives

Advanced HTML5 Training Outline

Prerequisites:

Training Materials:

Software needed for each student PC:

Related Courses:

40%

60%

Course Number:

HTML-106

Duration:

3 Days

Prerequisites:

Training Materials:

Software needed for each student PC:

Related Courses:

Recent Training Locations

United States

Canada

Puerto Rico

ACCELERATED LEARNING, CELEBRATED RESULTS ®

HTML5 Advanced APIs

40%

60%

Course Number:

HTML-106

Duration:

3

Location and Pricing

Advanced HTML5 Training Objectives

Advanced HTML5 Training Outline

Prerequisites:

Training Materials:

Software needed for each student PC:

Related Courses:

40%

60%

Course Number:

HTML-106

Duration:

3 Days

Prerequisites:

Training Materials:

Software needed for each student PC:

Related Courses:

Contact Us:

Subscribe to our Newsletter:

Recent Training Locations

United States

Canada

Puerto Rico