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

on

  • 2,829 views

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

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.

Statistics

Views

Total Views
2,829
Views on SlideShare
2,698
Embed Views
131

Actions

Likes
1
Downloads
62
Comments
1

2 Embeds 131

http://ontwik.com 129
http://marakana.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

    • 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 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 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
    • 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 webdeveloper 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
    • // Ajax$.get(‘/restful/api/echo’, { say: “howdy!” }, function(data) { alert(‘the server said: ‘ + data.said); }, ‘json’);
    • 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