In this talk jQuery Project Team member, Johnathan Sharp, sets out to answer four main questions: Where'd jQuery Come from?, Why is it so popular? How has it changed development? How will it drive innovation? **see the video at http://marakana.com/f/211 ** In the scope of his talk Johnathan also touches on: - What jQuery is not - Core concepts to understand before jumping into jQuery (CSS & Selectors, DOM, Events, JavaScript patterns, etc) - jQuery core, and jQuery project plugins - The larger jQuery Project including the jQuery core, jQuery UI, and jQuery mobile - jQuery going forward (HTML5, mobile browser support, official Plugins, growing corporate support services) Finally, Johnathan will dig deep into a few code demos to illustrate some of the core concepts of jQuery, like events, JavaScript patterns, and making Ajax requests.

1. What’s this jQuery?
The San Francisco Java User Group
San Francisco, California @jdsharp

2. Who am I?

3. Started developing for the web
in 1996
AOL was a popular browser of choice
2400bps modem

5. THE jOUERY COMPANY
Co-founded appendTo in October 2009
8 employees, 2 contractors, 7 states

6. Cowboy after 5PM M-F & weekends

7. Ready for jQuery?

8. here we go...
Flickr @evilerin

9. Flickr @ prasoonpics
... a little more enthusiasm

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

11. The web as we know it...
- Complex
- Highly technical
- Highly dynamic
- Exponential growth

12. “It’s just HTML”
“It’s just CSS”
“It’s just JavaScript”

13. 5 Doctypes
3 CSS Versions
Flash, Silverlight, ActiveX, JavaApplets
ASP (Classic), ASP.net, Java, PHP, Ruby, Python,
ColdFusion, Filemaker
SQL Server, Oracle, MySQL, Postgres, CouchDB,
MongoDB, Access
HTTP, FTP, SMTP, SSL, gopher://
Ajax, Comet, SOAP, and the REST
.flv, .wmv, .mp3, .ogg, .mov

14. The web is rich with
innovation...
- Open Source
- High distribution
- Large community
- Numerous problems to solve

15. Go back to 2006...
- Client side wasn’t (terribly) exciting
- Tedious DOM programming
- “Unique” browsers
- and jQuery was born

16. So what is a web
developer really?

17. They are a craftsman...
- Skilled at integration
- We’re about the tools
- Good tools win!
(unless they’re bought and abandoned)

18. jQuery’s Key to Success
- It integrates.

19. Why jQuery Grew...
- Leveraged existing skills
- Improved developer efficiency
- Lowered barrier to entry
- Fostered a community
- Protected its core focus

20. What is jQuery?
- DOM Centric library and API
- Plugin architecture
- Makes working with a
living DOM easy
- Make Ajax easy

21. 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

22. jQuery Core
- DOM Centric
- Ajax
- Events
- Effects/Animations

23. The jQuery Project Plugins
- jQuery Templating
- jQuery Data Linking
- Script Loading

24. The Larger jQuery Project
- jQuery Core
- jQuery UI
- jQuery Mobile
- QUnit
- Test Swarm
- Sizzle

25. jQuery Mobile

26. jQuery UI

27. QUnit

28. The Community
- Tutorials
- Plugins
- API docs
- Community Forums
- Meetups
- Conferences

29. Web Development w/ jQuery
- DOM
- Events & Propagation
- CSS & Selectors
- HTML5
- HTTP (Get / Post)
- Cross Domain & Security
- JSON
- JavaScript patterns (scope/closure)

30. jQuery Going Forward
- HTML5 is supported today by jQuery
- Support for new browsers
- Mobile browser support
- Official jQuery Plugins
- Growing Corporate Support Services

31. Code
- Demos
- Mockjax
- QUnit
- jQuery Mobile

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

33. Code: Mockjax
- Transparent Ajax mocking w/ jQuery
http://github.com/appendto/jquery-mockjax

34. ...yee haw!
Flickr @ martinvirtualtours

35. What’s this jQuery?
The San Francisco Java User Group
San Francisco, California @jdsharp