State of jQueryFall 2010

John Resig

State of the Project

Project

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

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

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

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!

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.

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

jQuery Store

• We’re starting to sell jQuery t-shirts today on the new jQuery store:

• http://store.jquery.org/

New Releases

• jQuery 1.4.3

• Official Plugins:

• jQuery Templating

• jQuery Data Linking

• jQuery Mobile

jQuery 1.4.3

• JSLint

• Modularity

• CSS

• Traversal Performance

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

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.

CSS

• Massive rewrite of the CSS module.

• Focus on extensibility.

• (A bit of performance too!)

• Plugins already using it: jQuery Rotate

0

100

200

300

400

Firefox 3.6Firefox 4b7 Chrome Safari 5 Opera 10.6 IE 6 IE 7 IE 8 IE 9b1.4.3 1.4.2

jQuery 1.4.3 .css() Get(Time in milliseconds - lower is better)

Traversal Performance

0

1000

2000

3000

4000

Firefox 3.6 Firefox 4b7 Chrome Safari 5 IE 9b1.4.3 1.4.2

jQuery1.4.3 .closest()(Time in milliseconds - lower is better)

0

100

200

300

400

Firefox 3.6 Firefox 4b7 Chrome Safari 5 IE 9b1.4.3 1.4.2

jQuery1.4.3 .filter() Single(Time in milliseconds - lower is better)

0

750

1500

2250

3000

Firefox 3.6 Firefox 4b7 Chrome Safari 5 Opera 10.6 IE 8 IE 9b1.4.3 1.4.2

jQuery1.4.3 Elem .find()(Time in milliseconds - lower is better)

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

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

jQuery Mobile

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.

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.

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

Enjoy the Conference!

• Next: Learn more about jQuery Mobile!

• More information:

• http://blog.jquery.com/ (jQuery 1.4.3)

• http://jquerymobile.com/