• Intro to Course
• Intro to Client-side scripting
• Intro to JavaScript
• Intro to DOM

In Class

• movies.html

HTML 5 Specs

• W3C - HTML 5.0
• W3C - HTML 5.1
• WHATWG - HTML the living standard
• WHATWG - Blog on HTML

CSS Specs

• w3.org/selectors/
• w3.org - CSS Current Work

Browser Engines

• webkit.org
• Blink
• Gecko
• Opera - Presto
• IE - Trident

JS Resources

• mozilla.org/JavaScript
• www.ecmascript.org
• infoworld.com - Interview with Brendan Eich

DOM Resources

• Gecko DOM Reference

More Links

• mozilla.org/Strict_mode

HW Resources

• Source of HW Templates (see mycourses for files)
• google.com/webfonts

• More JS
• JS Events
• Manipulating existing DOM elements
• No Class Monday 9/2

Read

Foundation Canvas - Chap. 1,2

In Class

• Harry Potter Calc
• Rollover
• Grapher

W3C DOM Methods

• document.getElementsByTagName()
• document.querySelector()
• document.querySelectorAll()
• document.createElement()
• document.getElementById()
• .innerHTML
• .getAttribute()
• .setAttribute()

W3C DOM Events

• Standard events

• Creating new DOM elements
• Web Audio
• Drag and Drop

In Class

• Audio Visualizer

Links

• html5rocks.com - web audio
• html5rocks.com - drag and drop

• Canvas
• Project 1 Assigned

Read

Foundation Canvas - Chap. 3

In Class

• Drawing App
• Speed Circles

Canvas Resources

1. mozilla.org/Canvas Tutorial
2. developer.apple.com - canvas
3. diveintohtml5.info/canvas
4. w3schools-canvas
5. Canvas Deep Dive
6. creativejs.com - Keith Peters- 31 Days of <canvas> tutorials
7. http://www.html5canvastutorials.com

• Canvas

Read

Foundation Canvas - Chap. 4,5,6

In Class

• Blastem Part I

Links

• wikipedia.org - Particle System
• wikipedia.org - Stack
• mozilla.org - Canvas Styles and Colors

• Canvas

In Class

• Blastem Part II