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 j OUERY COMPANY Co-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, 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 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 // 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.