jQuery Keynote - Fall 2010

6,157 views
6,057 views

Published on

Keynote talk given at the jQuery Conference in Boston 2010.

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
6,157
On SlideShare
0
From Embeds
0
Number of Embeds
297
Actions
Shares
0
Downloads
77
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

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/

×