The document provides a historical overview of JavaScript and its evolution from its development by Brendan Eich at Netscape to its status today. It discusses key milestones such as the introduction of Ajax, the creation of user interface widgets, and the separation of JavaScript from HTML for better business logic. Additionally, it touches on various JavaScript tools, animation techniques, and the impact of different browsers on the technology's development.

2. What I do www.madpilot.com.au www.88miles.net

3. JavaScript: A brief history

4. Developed by Brendan Eich Mocha: A brief history

5. Developed by Brendan Eich At Netscape LiveScript: A brief history

6. Developed by Brendan Eich At Netscape Around the time Java was added JavaScript: A brief history

7. Developed by Brendan Eich At Netscape Around the time Java was added Was implented in IE 3.0 JScript: A brief history

8. Developed by Brendan Eich At Netscape Around the time Java was added Was implented in IE 3.0 Became an official ECMA standard ECMAScript: A brief history

9. Mouseovers Status bars Annoying Popups Get’s a bad name JavaScript in the 90s 90’s 2000 2002 2004 2006 Today

10. Microsoft invents XMLRequest Make server requests without refreshing AJAX 90’s 2000 2002 2004 2006 Today

11. Move stuff around Dynamic Menus Show/hide elements DHTML and the DOM 90’s 2000 2002 2004 2006 Today

12. Three browsers – three technologies Create vector graphics Think outside the box Canvas/SVG/VML 90’s 2000 2002 2004 2006 Today

13. Separate JS from the HTML Creates Business Logic layer Unobstrusive JavaScript 90’s 2000 2002 2004 2006 Today

14. User interface widgets Frameworks a go-go Closer to desktop apps Cool Experiments We ♥ JavaScript 90’s 2000 2002 2004 2006 Today

15. How far can HTML CSS and JavaScript be pushed? Pretty far actually… We are losing interest…

16. Make it think it is an 8-bit video console Fool your browser

17. Prototype JavaScript Library XHTML + CSS + Unobtrusive JS DOM manipulation JS Events Our tools

18. JavaScript supports classes Almost supports inheritance Create sprite classes Oh, so classy

19. Need to create animation loop setInterval ( interval , function ); Check collisions Render animations JS isn’t threaded! Using timers

20. Pointless without User Input Event .observe ( element , event , handler ); Listen to keypress, window load Create some pseudo events Input Events

21. An old game technique Move background image … then mask el.style.backgroundPosition = '0px 0px'; Animation strips

22. Basic square Uses vectors Check distance And direction Collision Detection

23. Fixed view point Move the background Capture arrow events (ignore) Move character – background scrolls Sideways scrolling

24. Wrap it all together

25. ENDE.