http://www.trainingetc.
com Phone: 410-290-8383 / Fax: 410-290-9427
Course Description:
Who Should Attend:
Prerequisites:
Course Outline:
Students will learn about HTML5 and how to incorporate its features in web pages and applications.
They will learn the basics as well as advanced topics like layouts, forms, offline support, geolocation,
audio and video, graphics, communication APIs, storage, and new JavaScript web-workers.
This course is intended for experienced HTML developers with some JavaScript experience.
Students must be experienced with HTML and have experience with CSS and JavaScript. Prior
knowledge of JSON, DOM, and Ajax is helpful, but not required.
Benefits of Attendance:
Upon completion of this course, students will be able to:
Build HTML5 pages
Understand the major benefits of HTML5
Understand the difference between
HTML5 and HTML 4
Use the new elements and attributes of
HTML5
Work with audio and video in HTML5
Work with new Canvas element to create
code-based drawings in HTML5
Use Web Storage for offline applications
Use all of the new HTML5 form elements
Understand the current state of browser
support for HTML5 and how to make
your HTML5 sites degrade gracefully
Introduction
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
Accessibility
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
autocomplete
novalidate
HTML5 New Form Field Attributes
required
placeholder
autofocus
autocomplete
form
pattern
New Form Elements
datalist
progress and meter
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 Bezier Curves
Images
Text
Integrated APIs
Offline Application API
Drag and Drop API
HTML5
Course Length
2 Days
TE3010_20111127