A brief introduction to unobtrusive JavaScript.

1. Unobtrusive JavaScript Brett Millett October 6th, 2011

2. What is JavaScript? Powerful scripting language that your web browser executes. Built into every major web browser. Standardized (for the most part) for all web browsers.<script>alert(“hello world!”);</script>

4. AJAX: asynchronous JavaScript and XML.

6. What’s so bad about that? Web pages are easier to update when functionality and layout are uncoupled. JavaScript must be part of the document body instead of in a cacheable external file. href=“#” example when JavaScript disabled. Everybody code like it’s 1999!

7. What’s unobtrusive JavaScript? Separates behavior from markup. Allows for “graceful degradation.”

9. Reusable and globally accessible. Easier to change one function then all your markup!

11. Guidelines for accessibility Build a website without any JavaScript. Once the website functions without JavaScript, use JavaScript to enhance the user experience. Easier interaction Performance Fun These guidelines only make sense when using unobtrusive JavaScript!

12. Questions?