Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

jQuery Keynote - Fall 2010

6,927 views

Published on

Keynote talk given at the jQuery Conference in Boston 2010.

Published in: Technology
  • Be the first to comment

jQuery Keynote - Fall 2010

  1. 1. State of jQuery Fall 2010 John Resig
  2. 2. State of the Project
  3. 3. Project
  4. 4. Spending Money • All expenditures are handled via public voting • What have we spent money on? • Team Meetings • Conferences • Audio/Video Equipment • Contract for Scott to do UI dev
  5. 5. Spending Money • What will we be spending money on? • Improving server infrastructure • Getting more developer time to train and mentor new developers • Design work and jQuery Mobile • More team meetings and conferences
  6. 6. Governance Rules • We’re in the process of finalizing some formal governance rules for the project • This will set very clear guidelines on how finances can be used, votes held, and new members joining the project
  7. 7. Path to Contribution • We’re actively working on a new set of public documents describing how to contribute • Also setting up dedicated teams to help review and mentor new developers • We want a constant, fresh, influx of new developers to the project!
  8. 8. Legal • Working with the Software Freedom Law Center • We’re in the final steps of transferring copyright of Packt’s ‘Learning jQuery 1.4’ to the project.
  9. 9. CLAs • We’ve finalized a CLA process for jQuery • We’re getting the full jQuery team to sign and all major contributors • The project will hold the rights to the code base and have certain patent assurances as well
  10. 10. jQuery Store • We’re starting to sell jQuery t-shirts today on the new jQuery store: • http://store.jquery.org/
  11. 11. New Releases • jQuery 1.4.3 • Official Plugins: • jQuery Templating • jQuery Data Linking • jQuery Mobile
  12. 12. jQuery 1.4.3 • JSLint • Modularity • CSS • Traversal Performance
  13. 13. JSLint • Tool written by Douglas Crockford • Do some basic validity checks on JavaScript • With more commits coming in, helps to enforce basic style guidelines • Completely integrated into our development workflow: make lint
  14. 14. Modularity • All jQuery modules can now be individually loaded. • Could use a script loader to load each file separately. • Allows us to avoid building jQuery to run the test suite.
  15. 15. CSS • Massive rewrite of the CSS module. • Focus on extensibility. • (A bit of performance too!) • Plugins already using it: jQuery Rotate
  16. 16. jQuery 1.4.3 .css() Get(Time in milliseconds - lower is better) 400 300 200 100 0 Firefox 3.6Firefox 4b7 Chrome Safari 5 Opera 10.6 IE 6 IE 7 IE 8 IE 9b 1.4.3 1.4.2
  17. 17. Traversal Performance
  18. 18. jQuery1.4.3 .closest() (Time in milliseconds - lower is better) 4000 3000 2000 1000 0 Firefox 3.6 Firefox 4b7 Chrome Safari 5 IE 9b 1.4.3 1.4.2
  19. 19. jQuery1.4.3 .filter() Single (Time in milliseconds - lower is better) 400 300 200 100 0 Firefox 3.6 Firefox 4b7 Chrome Safari 5 IE 9b 1.4.3 1.4.2
  20. 20. jQuery1.4.3 Elem .find() (Time in milliseconds - lower is better) 3000 2250 1500 750 0 Firefox 3.6 Firefox 4b7 Chrome Safari 5 Opera 10.6 IE 8 IE 9b 1.4.3 1.4.2
  21. 21. Data Linking • Sync forms live with JavaScript objects. • Dramatically simplify the process of extracting data from a form and updating it. • Another plugin developed in conjunction with devs at Microsoft. • http://github.com/jquery/jquery-datalink
  22. 22. Templating • New official templating plugin. • Provide a simple way of putting data into an HTML string. • Developed in conjunction with devs at Microsoft. • http://github.com/jquery/jquery-tmpl
  23. 23. jQuery Mobile
  24. 24. The Missing Gap • Almost all mobile web development focuses on modern WebKit • There are far too many other platforms • Blackberry, Opera, Windows Mobile, Mobile Firefox, Symbian, etc. • jQuery Mobile works everywhere - and without sacrificing experience.
  25. 25. Phase 1: jQuery Core • We’re working to make jQuery core work on all the popular mobile browsers. • Building out our test suite and continuous integration testing. • Using TestSwarm to automate our testing across all platforms. • Fixing mobile bugs in core.
  26. 26. Phase 2: jQuery Mobile • A complete framework for building mobile web sites and applications. • Provide all the widgets and layout components necessary to build mobile sites. • Built on the principles of progressive enhancement
  27. 27. Enjoy the Conference! • Next: Learn more about jQuery Mobile! • More information: • http://blog.jquery.com/ (jQuery 1.4.3) • http://jquerymobile.com/

×