INHTML5 - HTML 5

This 2-day course introduces students familiar with writing HTML to the new elements and attributes of HTML5 before moving into the web application scripting APIs. The course begins by introducing where HTML5 came from and what it is. It discusses how to use the new elements and attributes as well as how to detect if the browser supports them. The course then moves into new form input types and attributes before covering the audio/video tags. A deeper look into the Canvas element follows, and then the Geolocation API, new local data storage options that could make cookies obsolete, and finally new communications APIs that will greatly enhance online web applications.

Student Testimonials

Instructor did a great job, from experience this subject can be a bit dry to teach but he was able to keep it very engaging and made it much easier to focus. Student
Excellent presentation skills, subject matter knowledge, and command of the environment. Student
Instructor was outstanding. Knowledgeable, presented well, and class timing was perfect. Student

Click here to print this page »

Prerequisites


Experience in HTML 4 and JavaScript is required. CSS knowledge is helpful.

Detailed Class Syllabus


Module 1: Laying out a Page with HTML5


Page Structure
New HTML5 Structural Tags
Page Simplification

Module 2: 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

Module 3: Sections and Articles


The section Tag
The article Tag

Module 4: HTML5 Audio and Video


Supported Media Types
The audio Element
The video Element

Module 5: HTML5 Forms


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

Module 6: HTML5 Web Storage


Overview of HTML5 Web Storage
Web Storage

Module 7: HTML5 Canvas


Getting Started with Canvas
Drawing Lines
Color and Transparency

Module 8: Integrated APIs


Offline Application API
Drag and Drop API