@jdsharpThe San Francisco Java User GroupSan Francisco, California

What’s this jQuery?

Who am I?

Started developing for the web in 1996

AOL was a popular browser of choice2400bps modem

T H E j O U E R Y C O M P A N Y

8 employees, 2 contractors, 7 states

Co-founded appendTo in October 2009

Cowboy after 5PM M-F & weekends

Ready for jQuery?

here we go...

Flickr @evilerin

... a little more enthusiasmFlickr @ prasoonpics

4 Questions- Where’d jQuery Come from?- Why is it so popular?- How has it changed development?- How will it drive innovation?

- Then code!

The web as we know it...- Complex

- Highly technical- Highly dynamic

- Exponential growth

“It’s just HTML”“It’s just CSS”

“It’s just JavaScript”

5 Doctypes3 CSS Versions

Flash, Silverlight, ActiveX, JavaAppletsASP (Classic), ASP.net, Java, PHP, Ruby, Python,

ColdFusion, FilemakerSQL Server, Oracle, MySQL, Postgres, CouchDB,

MongoDB, AccessHTTP, FTP, SMTP, SSL, gopher://

Ajax, Comet, SOAP, and the REST.flv, .wmv, .mp3, .ogg, .mov

The web is rich with innovation...- Open Source

- High distribution- Large community

- Numerous problems to solve

Go back to 2006...- Client side wasn’t (terribly) exciting

- Tedious DOM programming- “Unique” browsers

- and jQuery was born

So what is a web developer really?

They are a craftsman...- Skilled at integration- We’re about the tools

- Good tools win! (unless they’re bought and abandoned)

jQuery’s Key to Success- It integrates.

Why jQuery Grew...- Leveraged existing skills

- Improved developer efficiency- Lowered barrier to entry- Fostered a community- Protected its core focus

What is jQuery?- DOM Centric library and API

- Plugin architecture - Makes working with a

living DOM easy- Make Ajax easy

What is jQuery Not?- Shortcut to avoid learning JavaScript- Bullet proof vest to keep you from

shooting yourself in the foot- Excuse to avoid learning web

development best practices

jQuery Core- DOM Centric

- Ajax- Events

- Effects/Animations

The jQuery Project Plugins- jQuery Templating

- jQuery Data Linking- Script Loading

The Larger jQuery Project- jQuery Core- jQuery UI

- jQuery Mobile- QUnit

- Test Swarm- Sizzle

jQuery Mobile

jQuery UI

QUnit

The Community- Tutorials- Plugins- API docs

- Community Forums- Meetups

- Conferences

Web Development w/ jQuery- DOM

- Events & Propagation- CSS & Selectors

- HTML5- HTTP (Get / Post)

- Cross Domain & Security- JSON

- JavaScript patterns (scope/closure)

jQuery Going Forward- HTML5 is supported today by jQuery

- Support for new browsers- Mobile browser support- Official jQuery Plugins

- Growing Corporate Support Services

Code- Demos

- Mockjax- QUnit

- jQuery Mobile

$.get(‘/restful/api/echo’, { say: “howdy!” }, function(data) { alert(‘the server said: ‘ + data.said); }, ‘json’);

// Ajax

Code: Mockjax- Transparent Ajax mocking w/ jQuery

http://github.com/appendto/jquery-mockjax

Flickr @ martinvirtualtours

...yee haw!

@jdsharpThe San Francisco Java User GroupSan Francisco, California

What’s this jQuery?