Making History : The History API

My slidedeck for a webinar on the HTML5 History API as part of "Mozilla's Developer Network webinar series":http://hacks.mozilla.org/2011/08/webinar-history-api-with-syd-lawrence/

Transcript

1. MAKING HISTORY sydlawrence Thursday, 18 August 11
2. sydlawrence.com @sydlawrence blog.sydlawrence.com slides.sydlawrence.com you get the picture... HI, I’M SYDLAWRENCE Thursday, 18 August 11
3. WHAT IS THE HISTORY API? Thursday, 18 August 11
4. HTML5 Thursday, 18 August 11
5. JAVASCRIPT OBJECT Thursday, 18 August 11
6. WHAT IS THE PROBLEM? Thursday, 18 August 11
7. DYNAMIC CONTENT Thursday, 18 August 11
8. NO GOING BACK Thursday, 18 August 11
9. COPY PASTA Thursday, 18 August 11
10. THIS IS NOT NEW Thursday, 18 August 11
11. LOCATION.HASH Thursday, 18 August 11
12. WE HAVE A WINNER Thursday, 18 August 11
13. HAXORS FTW Thursday, 18 August 11
14. FLASH BACK Thursday, 18 August 11
15. GIZMODO WTF #! Thursday, 18 August 11
16. WHAT DOES IT DO? Thursday, 18 August 11
17. REWRITE THE HISTORY BOOKS Thursday, 18 August 11
18. BACK TO THE FUTURE Thursday, 18 August 11
19. WHEN TO USE IT? Thursday, 18 August 11
20. LIGHTBOXES Thursday, 18 August 11
21. POPUP LOGINS Thursday, 18 August 11
22. COMMENTS Thursday, 18 August 11
23. PAGINATION Thursday, 18 August 11
24. BROWSER SUPPORT Thursday, 18 August 11
25. FIREFOX Thursday, 18 August 11
26. CHROME Thursday, 18 August 11
27. SAFARI Thursday, 18 August 11
28. OPERA Thursday, 18 August 11
29. INTERNET EXPLORER Thursday, 18 August 11
30. ✔✔✔✔✖ Thursday, 18 August 11
31. HOW? Thursday, 18 August 11
32. CLICK EVENT ON LINK Thursday, 18 August 11
33. RENDER DIFFERENTLY ON AJAX REQUEST Thursday, 18 August 11
34. history.pushState (stateObj,title,url); Thursday, 18 August 11
35. history.replaceState (stateObj,title,url); Thursday, 18 August 11
36. LISTEN FOR EVENT Thursday, 18 August 11
37. window.onpopstate = fn(evt) Thursday, 18 August 11
38. FALLBACK Thursday, 18 August 11
39. window. onhashchange = fn(evt) Thursday, 18 August 11
40. SITES THAT USE IT Thursday, 18 August 11
41. FLICKR Thursday, 18 August 11
42. GOOGLE 20thingsilearned.com Thursday, 18 August 11
43. GITHUB Thursday, 18 August 11
44. FACEBOOK Thursday, 18 August 11
45. https://developer.mozilla.org/en/DOM/ Manipulating_the_browser_history - MDN http://dev.w3.org/html5/spec/Overview.html - HTML5 Spec WANT TO KNOW MORE Thursday, 18 August 11
46. ANY QUESTIONS? Thursday, 18 August 11
47. THANKS, I’ve BEEN SYDLAWRENCE sydlawrence.com @sydlawrence github.com/sydlawrence fb.com/sydlawrence tumblr.com/sydlawrence skype:sydlawrence you get the picture Thursday, 18 August 11