Logic Earth

HTML5 Outline

Prerequisites

Delegates should have experience of web application development in a modern environment such as JEE, ASP .NET, Ruby or Django. They must be familiar with HTML4 and/or XHTML and the fundamentals of programming in JavaScript.

List of Modules

Review of the Evolution of HTML
  • The of browsers, JavaScript and `Tag Soup`
  • Why the attempt to recast HTML as an XML standard failed
  • Issues with HTML4 and the rise of FLASH and Silverlight
  • How HTML5 meets the needs of todays software Projects

 

New ways of structuring the document
  • Problems caused by overuse of div and span
  • Structuring the page using the section and article elements
  • Adding Headers, footers and asides to content
  • Directing the users attention with mark and output
  • Grouping related headers, images with captions and labels with form controls
 
Better Support fro Data Entry
  • Overview of the new data entry controls
  • Entering emails, telephone numbers, URLs and numbers
  • Widgets for entering dates, times and colours
  • Declaring and styling the range element
  • Using contenteditable to alter non-form elements
 
Support for Drawing Images and Diagrams
  • The canvas element and CanvasRenderingContext2D interface
  • Creating drawings using CanvasRenderingContext2D in JavaScript
  • Using libraries such as RGraph to create complex charts and reports
  • Adding animations to canvas based drawings

 

Playing Audio and Video
  • Overview of the audio and video elements
  • Loading and playing multimedia content across browsers
  • Manipulating audio and video content in JavaScript

 

Hosting Clients in HTML5
  • Using custom data attributes to embed application specific data
  • Support for caching application data within the browser
  • Using manifests to preload content for offline usage

 

Standards Relating to HTML5
  • New ways of positioning and styling content in CSS3
  • Receiving updates from the server via Web Sockets
  • Using Web Workers to run JavaScript code asynchronously
  • Embedding SQL databases within the browser

Partners