HTML5 JavaScript On Crack (v4)

Let's take a deep dive into the ugly nitty gritty details of some of the most complicated and advanced JavaScript APIs that HTML5 has to offer, including, but not limited to:

*
* History API
* localStorage/sessionStorage
* appCache
* Web Sockets
* Local Files + XHR2
* Web Workers
* Native Drag & Drop
* getUserMedia /

Transcript

1. HTML5 JavaScript On Crack Kyle Simpson http://getify.me @getify
2. + HTML5 & Friends
3. let's build a game: We Puzzle It!
4. http:// ogp.geti.fi/github/wepuzzleit code for today
5. Getting hooked on “gateway drugs” • localStorage / sessionStorage • History • appCache • <canvas>
6. localStorage / sessionStorage
7. History API
8. History API
9. appCache
10. <canvas>
11. <canvas>
12. <canvas>
13. <canvas>
14. <canvas>
15. <canvas>
16. Now for the hardcore stuff • Native Drag & Drop • Local Files + XHR2 • Web Sockets (socket.io) • Web Workers
17. Native Drag & Drop
18. Native Drag & Drop
19. Native Drag & Drop
20. Native Drag & Drop
21. Local Files
22. Local Files
23. Local Files
24. Local Files + XHR2
25. addicted yet?
26. Web Sockets
27. Web Sockets (socket.io client)
28. Web Sockets (socket.io client)
29. Web Sockets (socket.io server)
30. Web Workers
31. Web Workers (main page)
32. Web Workers (main page)
33. Web Workers (ww.js)
34. Web Workers (ww.js)
35. Web Workers (shim)
36. one more thing
37. getUserMedia & <video>
38. getUserMedia & <video>
39. getUserMedia & <video>
40. http:// hpi.geti.fi/wepuzzleit/game play!
41. Kyle Simpson http://getify.me @getify