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