HTML5 Programming

This workshop gives you a kick-start for the new HTML5 standard, developing Web applications with local storage, offline support, communication between IFrames, web workers, and much more.

Introduction to HTML 5

The workshop starts with a history of HTML and highlights why the process to HTML5 took that many years. In addition to that you learn about HTML milestones, the standard process, what's the meaning of HTML5, and the future of HTML.

HTML 5 Elements

New HTML5 elements are introduced. You learn new elements, obsolete elements, and elements which changed their meaning. Semantic markup is an important part of this section, and you'll learn how existing Websites can be converted to the new HTML5 syntax - including support of older browsers.

JavaScript Extensions

Extensions to JavaScript such as selectors, and JSON support. You'll also learn about the new standard for events.

HTML Forms

One of the HTML5 goals is to reduce the need for scripting code. With this goal in mind new controls are offerred: progress, meter, range, date, time, color, number... and validation! Previously it was necessary to write JavaScript code for client-side validation. Now this can be done by setting HTML attributes. You'll learn about features and issues with that.

Canvas API

Let's make a drawing! With the help of Canvas elements and the Canvas 2D context: drawing rectangles, path, transformation, text, shadows, gradients, and images.

Scalable Vector Graphics

Another way to create a drawing? Canvas or SVG? Here you'll learn about the advantages and disadvantages of SVG and Canvas.

Audio und Video

Now HTML supports Audio and Video elements - and there's no more need for Flash and Silverlight! Is this true? You'll learn about advantages and disadvantages of the new elements as well as what's not yet supported with these elements and when you still need other technologies.

Geolocation API

Geolocation makes it easy to read current positions and position changes. Here you'll learn how to display maps.

Communication APIs

Now it's easier to do communication between iFrames - also if the iFrames are coming from different servers. Is this a cool technology for mesh-ups? What was the security related problem with cross-origin requests? Aside to cross-document messaging you'll also learn channel messaging.

Web Workers

As more and more is done on the client, now multiple threads can be used on the client as well. You'll learn about the Web Worker API.

Web Storage

Remembering data on the client was very restricted with HTML. Using cookies is not only restricted in the size and numbers of cookies, but also has an API that is not that easy to use. Web Storage is a lot easier to work with. What about databases on the client? You'll also learn about Web SQL and IndexedDB. Factories, object stores, indexes, cursors, and transactions.

Offline Applications

The network is not always available. You'll learn how to take Websites offline using manifests, the Cache API, and cache events.

Files

No more add-ins for file uploading? File Lists, blobs, readers, blob URLs and more...

Drag-and-Drop

Drag-and-drop... wasn't this already possible? Here is the information how this can be done with HTML5 and how this should work.

Networking

Communication across the network was already enhanced with HTML multiple times. What's the difference between HTTP 1.0 and 1.1? XmlHttpRequest is in use of today's Websites. You'll learn about XmlHttpRequest Level 2 and Web Sockets. CORS is an important part of XmlHttpRequest Level 2. Bi-directonal communication can be done with Web Sockets.