Processing your application. Please be patient while we make sure we receive every piece of it.
50564 A: Introduction to HTML5
2 Day(s)
This two-day course provides students with the knowledge and skills to work with HTML5.ObjectivesAfter completing this course, students will be able to: • Start building HTML5 pages. • Understand the major benefits of HTML5. • Understand the difference between HTML5 and HTML 4. • Be familiar with HTML5's new elements and attributes. • Work with audio and video in HTML5. • Work with HTML5's new Canvas element to create code-based drawings. • Use Web Storage for offline applications. • Use all the cool new HTML5 form elements. • Understand the current state of browser support for HTML5 and how to make HTML5 sites degrade gracefully. AudienceThis course 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.PrerequisitesBefore attending this course, students must have: • HTML 4 • Basic CSS • Basic Java Script Experience in the following areas is beneficial: • JSON • DOM • Ajax
Price: $1,490
To find out more available information
about this course, please contact us:

To find out more available information
about this course, please contact us:

To find out more available information
about this course, please contact us:

50564A Introduction to HTML5

Module 1: Laying out a Page withHTML5
This lesson begins with a quick review of a basic HTML 4 page and then divesright in to HTML5 code. We are not going to spend time reviewing history ordiscussing the hows and whys here, but we will come back to that later (seeLesson 2). First, we want to get you looking at some code.

  • Page Structure
  • New HTML5 Structural Tags
  • Page Simplification
Module 2: HTML5 - How We Got Here
In this lesson, we will discuss the differences between HTML 4 and HTML5 (asidefrom the space and the number).
  • The Problems HTML 4 Addresses
  • The Problems XHTML Addresses
  • The New, More Flexible Approach of HTML5 - Paving the Cowpaths
  • New Features of HTML5
  • The HTML5 Spec(s)
  • Current State of Browser Support
Module 3: Sections and Articles
In HTML 4, we use the DIV tag to separate HTML pages into parts. Sometimesthose parts were structurally meaningful. For example, a page describing acourse might include an overview, goals, prerequisites, and an outline. Each ofthose parts might be enclosed in a DIV tag with meaningful ids to providemeaningful structure to the page. However, DIV tags are also used to separateparts 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 structurallydifferent. Browsers cannot distinguish between structurally meaningful andmeaningless divs, so they do not attribute any special significance to eitherkind.

This lesson explains the purpose of and difference between SECTION and ARTICLEtags, how the differ from DIV tags, and how they affect a page's"outline."
  • The section Tag
  • The article Tag
  • Outlining
Module 4: HTML5 Audio and Video
In this lesson, you will learn how to use the new HTML5 audio and videoelements. As different browsers currently support different types of media, youwill learn how to provide the necessary options to make your media work acrossbrowsers. You will also learn how to gracefully degrade your audio and videocode.
  • Supported Media Types and The audio Element
  • The video Element and Accessibility
  • Scripting Media Elements and Dealing with Non-Supporting Browsers
Module 5: HTML5 Forms
The promise of HTML5 forms is great - richer, more meaningful, andbackward-compatible forms that are consistent across browsers and includebuilt-in client-side validation (read, no need for JavaScript for formvalidation). The current reality is far from great - only Opera does a half-waydecent job of implementing most of the new form fields. That said there aresome things you can do now to take advantage of Opera's implementation and beready for other browsers without causing any harm in the non-supportingbrowsers.

So let's dig in and learn how to use the new HTML5 form features.
  • Modernizer
  • New Input Types
  • HTML5 New Form Attributes
  • Some Other New Form Field Attributes
  • New Form Elements
Module 6: HTML5 Web Storage
In this unit, you will learn about local storage and session storage and theuse cases for each. You will also learn about some other client-side storagemethods, one defunct and one up and coming.
  • Overview of HTML5 Web Storage
  • Web Storage
  • Other Storage Methods
Module 7: HTML5 Canvas
Canvas is one of the more talked-about new features of HTML5. It makes itpossible to create drawings (e.g., for graphs or games) natively in thebrowser. If you know JavaScript, it is relatively easy to start using Canvas,which allows you to build intricate visual applications without the need of aplug-in like Flash or Silverlight.
  • Getting Started with Canvas
  • Drawing Lines
  • Color and Transparency
  • Rectangles
  • Circles and Arcs
  • Quadratic and Bzier Curves
  • Images
  • Text
Module 8: Integrated APIs
HTML5 includes a bunch of integrated and associated (e.g., not specificallypart of HTML5) APIs. In this lesson, we'll look at the Offline Application APIand the Drag and Drop API.
  • Offline Application API
  • Drag and Drop API
After completing this module, students will be ableto:
  • Understand the new HTML5 APIs.