HTML 5

Course details

This series is intended to examine the basic concepts of HTML and the use of Cascading Style Sheets, implementing JavaScript with HTML, and the HTML object model. Other topics covered include objects, events and event handling, style sheets and content formatting, and binding data from other sources to Web pages.

Course Objectives

Upon completion of this course, the participant will be able to demonstrate the following skills:

• Explain the basic concepts of Dynamic HTML
• Use Cascading Style Sheets
• Define Style Sheet properties
• Describe the component technologies of HTML, define Document Object Model (DOM), describe the DOMs and compare the early DOM models to determine similarities and overlap
• Create dynamic images that change when the mouse pointer is placed over them
• Describe the W3C-standard DOM and use it to examine a document’s hierarchy and to access document components

Course Outlines

Laying out a Page with HTML5

• Page Structure
• New HTML5 Structural Tags
• Page Simplification

HTML5 – How We Got Here

• 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

Sections and Articles

• The section Tag
• The article Tag
• Outlining

HTML5 Audio and Video

• Supported Media Types
• The audio Element
• The video Element
• Accessibility
• Scripting Media Elements
• Dealing with Non-Supporting Browsers

HTML5 Forms

• Modernizr
• New Input Types
• HTML5 New Form Attributes
• Some Other New Form Field Attributes
• New Form Elements

HTML5 Web Storage

• Overview of HTML5 Web Storage
• Web Storage
• Other Storage Methods

HTML5 Canvas

• Getting Started with Canvas
• Drawing Lines
• Color and Transparency
• Rectangles
• Circles and Arcs
• Quadratic and Bzier Curves
• Images
• Text

Integrated APIs

• Offline Application API
• Drag and Drop API