Unobtrusive JavaScript
    with jQuery
        Simon Willison
      XTech , 6th May 2008
How I learned to stop worrying
     and love JavaScript
Unobtrusive   A set of principles for
              writing accessible,

 JavaScript   maintainable JavaScript




       ...
Unobtrusive JavaScript   Theory




jQuery                   Practice
We will cover
•   The what and why of unobtrusive JavaScript

•   Why use a library at all?

•   Why pick jQuery?

•   How...
Unobtrusive JavaScript
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Unobtrusive JavaScript with jQuery
Upcoming SlideShare
Loading in...5
×

Unobtrusive JavaScript with jQuery

89,322

Published on

Slides from a three hour tutorial presented at XTech 2008 on the 6th of May. See also <a href="http://simonwillison.net/static/2008/xtech/">the supporting notes</a>.

Published in: Technology
11 Comments
118 Likes
Statistics
Notes
No Downloads
Views
Total Views
89,322
On Slideshare
0
From Embeds
0
Number of Embeds
36
Actions
Shares
0
Downloads
1,488
Comments
11
Likes
118
Embeds 0
No embeds

No notes for slide

Unobtrusive JavaScript with jQuery

  1. 1. Unobtrusive JavaScript with jQuery Simon Willison XTech , 6th May 2008
  2. 2. How I learned to stop worrying and love JavaScript
  3. 3. Unobtrusive A set of principles for writing accessible, JavaScript maintainable JavaScript A library that supports unobtrusive scripting
  4. 4. Unobtrusive JavaScript Theory jQuery Practice
  5. 5. We will cover • The what and why of unobtrusive JavaScript • Why use a library at all? • Why pick jQuery? • How jQuery handles... • DOM manipulation • Event handling • Animation • Ajax
  6. 6. Unobtrusive JavaScript
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×