HTML5 Tutorial

Introduction

We split this tutorial in two paths that eventually will share a common part.

1. One path for people mostly interested in discovering HTML5 features, playing with small bits of HTML/JavaScript code, tweak them, see interactively the results... No real expertise is required.
2. Another path that present step by step a Paint application, starting from a very simple project to a full multi-participant application that uses WebSockets and transfert pictures from a real live video stream (your webcam).

The second path will need you to download some files, have a minimum expertise in JavaScript (with a bit of jQuery), and will make you install the (small) NodeJS web server on your machines with a few additional modules. You will run and study an application that involves WebSockets real time transfer, and learn how to set up a WebSocket server as well.

Discovery path

We propose here to look at some examples we prepared for you, organized by category. Some of them are variation of well known samples from popular sites like www.html5rocks.com or

Path for geeks: multi-participant Canvas + WebSockets + NodeJS complete application