Quick Navigation
HTML 5 Programming course
Overview
This course is designed to provide an introduction to the power of HTML5 (even though not all features have been ratified) based upon best practice principles. Once you know the basic rules of HTML and a few HTML tags for formatting text, adding images and links you can begin creating professional web sites. The course is delivered using hand-coding, since development tools are not yet fully available for HTML5 (the course will adopt relevant tools once available).
Audience
Web Developers needing to create HTML pages, or those looking to update their skills.
Course Objectives
At the end of this course, delegates will be able to understand and use the main components of HTML5 to create well coded web pages utilising text, graphics, lines, video and audio content, as well as being able to control behaviours.
Prerequisites
Experience with some current web technologies is essential e.g. ASP.NET, PHP, AJAX, JavaScript
Course Contents (3 days)
- Overview
- HTML5 features
- Current support for HTML5
- Future support
- New Elements in HTML5
- New HTML5 Tags & Attributes
- Ways of writing HTML5 code
- The Canvas
- Positioning content with the Canvas
- Drawing with Javascript
- Understanding Co-ordinates
- Canvas tags
- Controlling layout
- Controlling visibility and state
- Storing Data on the Client
- Persistent client-side data storage
- Session management
- Security Issues
- Updated Tags in HMTL5
- Tags & Attributes that work as before
- Tags with modified behaviours
- Forms
- Input Types:
- Email, URL, Number, Range
& Date fields
- Email, URL, Number, Range
- Datalist, Keygen and Output fields
- Other Form Elements and Attributes
- AutoComplete and Form Override
- Input Types:
- Media
- Using Video and Audio
- Media transport options for a page
- Overview of Synchronized Multimedia
Integration Language (SMIL)
- Events
- Overview of events and event handlers
- Mouse and Keyboard event responses
- Handling Form and Window events
- Media events
- XML Applied to HTML5
- Using XML techniques within HTML5
- Overview of XSLT
(XML Stylesheet Transformations) - Dynamically Querying and Altering
HTML5 and SVG - Using single source code for multiple platforms
ie 'Write once, publish multiply' - Degrading code for use on older platforms
- Using Graphics
- Rectangle, circle and ellipse
- Paths, Line, polygon and polyline
- Introducing filters
- Various gradient options
- Linear and radial gradients