This document discusses unobtrusive JavaScript and how it separates JavaScript behavior from HTML markup. Unobtrusive JavaScript allows web pages to degrade gracefully when JavaScript is disabled, as the functionality is not coupled to the document structure. It provides an example of unobtrusive JavaScript that is completely separate from the markup and reusable. The document recommends using frameworks like jQuery to select elements and enhance the user experience with JavaScript after the site functions without it.

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?