Introduction to HTML5 Training Course
This two-day instructor-led course provides students with the knowledge and skills to work with HTML5.
Course 50564: Introduction to HTML5 is intended for students who have experience with HTML 4, basic CSS, and basic Java Script. Students will start by getting their hands dirty and jumping right into HTML5 code. They will learn about the new HTML5 structural, semantic, and form tags, how to use Canvas to create drawings natively in the browser, how to work with HTML5 audio and video, the new methods for storing variables client-side, and how to build applications that work offline. Along the way, they will learn about the current state of browser support for HTML5 and the theory behind all the changes that have been made.
Module 1: Laying out a Page with HTML5
This lesson begins with a quick review of a basic HTML 4 page and then dives right in to HTML5 code. We are not going to spend time reviewing history or discussing the how’s and whys here, but we will come back to that later (see Lesson 2). First, we want to get you looking at some code.
Module 2: HTML5 - How We Got Here
In this lesson, we will discuss the differences between HTML 4 and HTML5 (aside from the space and the number).
Module 3: Sections and Articles
In HTML 4, we use the DIV tag to separate HTML pages into parts. Sometimes those parts were structurally meaningful. For example, a page describing a course might include an overview, goals, prerequisites, and an outline. Each of those parts might be enclosed in a DIV tag with meaningful ids to provide meaningful structure to the page. However, DIV tags are also used to separate parts of a page for styling purposes, for example, to create a column layout. In this case, the areas encompassed in DIV tags might not be structurally different. Browsers cannot distinguish between structurally meaningful and meaningless divs, so they do not attribute any special significance to either kind.
This lesson explains the purpose of and difference between SECTION and ARTICLE tags, how the differ from DIV tags, and how they affect a page's "outline."
Module 4: HTML5 Audio and Video
In this lesson, you will learn how to use the new HTML5 audio and video elements. As different browsers currently support different types of media, you will learn how to provide the necessary options to make your media work across browsers. You will also learn how to gracefully degrade your audio and video code.
Module 5: HTML5 Forms
So let's dig in and learn how to use the new HTML5 form features.
Module 6: HTML5 Web Storage
In this unit, you will learn about local storage and session storage and the use cases for each. You will also learn about some other client-side storage methods, one defunct and one up and coming.
Module 7: HTML5 Canvas
Module 8: Integrated APIs
HTML5 includes a bunch of integrated and associated (e.g., not specifically part of HTML5) APIs. In this lesson, we'll look at the Offline Application API and the Drag and Drop API.
Alexandria | Atlanta | Austin | Baltimore | Birmingham | Buffalo | Boise | Boston | Boulder | Charleston | Charlotte | Chicago | Cincinnati | Cleveland | Columbus | Dallas | Denver | Des Moines | Detroit | Hartford | Houston | Indianapolis | Jacksonville | Kalamazoo | Las Vegas | Los Angeles | Melville | Nashville | New Orleans | New York | Orlando | Overland Park | Palm Beach Gardens | Philadelphia | Phoenix | Pittsburgh | Princeton | Providence | Raleigh | Reno | Salt Lake City | San Antonio | San Diego | San Francisco | Savannah | Scottsdale | Seattle | St. Louis | Tallahassee | Tampa | Toronto | Washington DC | Wichita