What’s this jQuery? The San Francisco Java User Group San Francisco, California           @jdsharp
Who am I?
Started developing for the web           in 1996  AOL was a popular browser of choice          2400bps modem
THE jOUERY COMPANYCo-founded appendTo in October 2009 8 employees, 2 contractors, 7 states
Cowboy after 5PM M-F & weekends
Ready for jQuery?
here we go...                Flickr @evilerin
Flickr @ prasoonpics... a little more enthusiasm
4 Questions- Where’d jQuery Come from?- Why is it so popular?- How has it changed development?- How will it drive innovati...
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 Doctypes                  3 CSS Versions     Flash, Silverlight, ActiveX, JavaApplets ASP (Classic), ASP.net, Java, PHP,...
The web is rich with      innovation...        - Open Source     - High distribution     - Large community- Numerous probl...
Go back to 2006...- Client side wasn’t (terribly) exciting     - Tedious DOM programming           - “Unique” browsers    ...
So what is a webdeveloper really?
They are a craftsman...   - Skilled at integration   - We’re about the tools      - Good tools win!(unless they’re bought ...
jQuery’s Key to Success     - It integrates.
Why jQuery Grew...    - Leveraged existing skills- Improved developer efficiency   - Lowered barrier to entry     - Fostere...
What is jQuery?- DOM Centric library and API     - Plugin architecture   - Makes working with a       living DOM easy     ...
What is jQuery Not?- Shortcut to avoid learning JavaScript  - Bullet proof vest to keep you from       shooting yourself i...
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         - Tes...
jQuery Mobile
jQuery UI
QUnit
The Community       - Tutorials        - Plugins      - API docs- Community Forums      - Meetups    - Conferences
Web Development w/ jQuery                - DOM       - Events & Propagation          - CSS & Selectors              - HTML...
jQuery Going Forward- HTML5 is supported today by jQuery      - Support for new browsers       - Mobile browser support   ...
Code     - Demos    - Mockjax      - QUnit- jQuery Mobile
// Ajax$.get(‘/restful/api/echo’, { say: “howdy!” },	 function(data) {	 	 alert(‘the server said: ‘ + data.said);	 }, ‘jso...
Code: Mockjax- Transparent Ajax mocking w/ jQuery http://github.com/appendto/jquery-mockjax
...yee haw!Flickr @ martinvirtualtours
What’s this jQuery? The San Francisco Java User Group San Francisco, California           @jdsharp
What's this jQuery? Where it came from, and how it will drive innovation
Upcoming SlideShare
Loading in...5
×

What's this jQuery? Where it came from, and how it will drive innovation

2,513

Published on

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.

Published in: Technology
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
2,513
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
65
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

What's this jQuery? Where it came from, and how it will drive innovation

  1. 1. What’s this jQuery? The San Francisco Java User Group San Francisco, California @jdsharp
  2. 2. Who am I?
  3. 3. Started developing for the web in 1996 AOL was a popular browser of choice 2400bps modem
  4. 4. THE jOUERY COMPANYCo-founded appendTo in October 2009 8 employees, 2 contractors, 7 states
  5. 5. Cowboy after 5PM M-F & weekends
  6. 6. Ready for jQuery?
  7. 7. here we go... Flickr @evilerin
  8. 8. Flickr @ prasoonpics... a little more enthusiasm
  9. 9. 4 Questions- Where’d jQuery Come from?- Why is it so popular?- How has it changed development?- How will it drive innovation?- Then code!
  10. 10. The web as we know it... - Complex - Highly technical - Highly dynamic - Exponential growth
  11. 11. “It’s just HTML” “It’s just CSS”“It’s just JavaScript”
  12. 12. 5 Doctypes 3 CSS Versions Flash, Silverlight, ActiveX, JavaApplets ASP (Classic), ASP.net, Java, PHP, Ruby, Python, ColdFusion, FilemakerSQL Server, Oracle, MySQL, Postgres, CouchDB, MongoDB, Access HTTP, FTP, SMTP, SSL, gopher:// Ajax, Comet, SOAP, and the REST .flv, .wmv, .mp3, .ogg, .mov
  13. 13. The web is rich with innovation... - Open Source - High distribution - Large community- Numerous problems to solve
  14. 14. Go back to 2006...- Client side wasn’t (terribly) exciting - Tedious DOM programming - “Unique” browsers - and jQuery was born
  15. 15. So what is a webdeveloper really?
  16. 16. They are a craftsman... - Skilled at integration - We’re about the tools - Good tools win!(unless they’re bought and abandoned)
  17. 17. jQuery’s Key to Success - It integrates.
  18. 18. Why jQuery Grew... - Leveraged existing skills- Improved developer efficiency - Lowered barrier to entry - Fostered a community - Protected its core focus
  19. 19. What is jQuery?- DOM Centric library and API - Plugin architecture - Makes working with a living DOM easy - Make Ajax easy
  20. 20. 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
  21. 21. jQuery Core - DOM Centric - Ajax - Events- Effects/Animations
  22. 22. The jQuery Project Plugins - jQuery Templating - jQuery Data Linking - Script Loading
  23. 23. The Larger jQuery Project - jQuery Core - jQuery UI - jQuery Mobile - QUnit - Test Swarm - Sizzle
  24. 24. jQuery Mobile
  25. 25. jQuery UI
  26. 26. QUnit
  27. 27. The Community - Tutorials - Plugins - API docs- Community Forums - Meetups - Conferences
  28. 28. Web Development w/ jQuery - DOM - Events & Propagation - CSS & Selectors - HTML5 - HTTP (Get / Post) - Cross Domain & Security - JSON- JavaScript patterns (scope/closure)
  29. 29. jQuery Going Forward- HTML5 is supported today by jQuery - Support for new browsers - Mobile browser support - Official jQuery Plugins - Growing Corporate Support Services
  30. 30. Code - Demos - Mockjax - QUnit- jQuery Mobile
  31. 31. // Ajax$.get(‘/restful/api/echo’, { say: “howdy!” }, function(data) { alert(‘the server said: ‘ + data.said); }, ‘json’);
  32. 32. Code: Mockjax- Transparent Ajax mocking w/ jQuery http://github.com/appendto/jquery-mockjax
  33. 33. ...yee haw!Flickr @ martinvirtualtours
  34. 34. What’s this jQuery? The San Francisco Java User Group San Francisco, California @jdsharp
  1. A particular slide catching your eye?

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

×