Introduction
Pleased to meet you
Michael Henretty
Nick Desaulniers
Yan Wang
Topics for class
HTML/CSS/JS Basics
Web Developer Tools
HTML5/CSS3 Features
Rendering, Canvas and SVG
Audio and Video
Single Page Applications
Server Side Web
Firefox OS Apps
You will need:
A Laptop
A smartphone
Firefox Nightly
Text Editor (vim, emacs, sublime)
What is HTML5?
Recommendation from W3C
Support Multimedia and Devices
Human readable
Subsumes previous versions
No need for Flash :)
History Lesson
2004, Began with WHATWG
Mozilla, Apple, Opera
W3C focused on XHTML 2.0
2004, WHATWG proposal W3C
W3C voted down
WHATWG continues work
2007 W3C adopts HTML5
2009 W3C dropped XHTML 2.0
Now they work together on HTML5
Who Cares?
Standards create consistency
Crowdsourcing how APIs work
Cross platform
No one has too much power
Demo Time
Shumway
Mozilla compiler, flash to HTML5
Does it work?
Mushroomer (Flash)
Mushroomer (Shumway)