HTML 5 Coding training course

Introduction

• Devices/platforms/hardware
• Introducing Development technologies/tools
• Backward compatibility, progressive enhancement & responsive design
• Testing for HTML5 support

HTML5 Overview

• Where does HTML5 come from?
• The vision: common HTML everywhere
• The range of HTML5 features

New Elements in HTML5

• New Elements in HTML5
• New tags/elements
• New attributes
• New character reference standard
• New DOCTYPE
• New general DOM methods

A new semantic structure

• Semantic elements
• Microdata

Updated Tags in HMTL5

• Unchanged Tags
• Tags with Modified behaviour
• Changed elements

Forms

• New Input Types
• New Form Elements; Datalist, Keygen and Output fields
• keygen Element
• New Form related Attributes

Media

• Video and Audio in HTML5

Storing Data on the Client (Web Storage)

• Persistent client-side data storage
• The localStorage Object
• Session management
• Security Issues

Events

• Overview of events and event handlers in HTML5
• Handling Window and Form events
• Responding to Mouse and Keyboard events
• Media events

The Canvas

• Create a Canvas
• Drawing with Javascript
• Understanding Co-ordinates
• Rectangle, circle and ellipse
• Paths, Line, polygon and polyline
• Text
• Introducing filters
• Linear and radial gradients
• Images
• Controlling layout, visibility and state with Canvas tags
• IE compatibility

HTML and SVG

• Web Fonts (WOFF)

And there’s more in the API's …

• HTML5 and the offline app
• GEOlocation
• File reader
• History object
• getusermedia
• Battery status
• Vibration
• Beacon
• Gamepad
• Eventsource (server side events)
• Web sockets
• Undo manager
• Web workers
• Postmessage

Optimising Html5 for Mobile

• Introduction
• Mobile operating systems
• Webpage or app
• Challenges
• Dealing with Orientation
• Interfacing with the hardware
• Creating touch friendly pages
• HTML
• CSS
• Liquid layouts
• JavaScript
• Libraries
• jQTouch
• jQuery Mobile
• PhoneGap
• Other useful mobile technologies