jquery keynote - fall 2010
TRANSCRIPT
![Page 1: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/1.jpg)
State of jQueryFall 2010
John Resig
![Page 2: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/2.jpg)
State of the Project
![Page 3: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/3.jpg)
![Page 4: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/4.jpg)
![Page 5: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/5.jpg)
Project
![Page 6: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/6.jpg)
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
![Page 7: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/7.jpg)
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
![Page 8: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/8.jpg)
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
![Page 9: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/9.jpg)
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!
![Page 10: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/10.jpg)
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.
![Page 11: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/11.jpg)
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
![Page 12: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/12.jpg)
jQuery Store
• We’re starting to sell jQuery t-shirts today on the new jQuery store:
• http://store.jquery.org/
![Page 13: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/13.jpg)
New Releases
• jQuery 1.4.3
• Official Plugins:
• jQuery Templating
• jQuery Data Linking
• jQuery Mobile
![Page 14: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/14.jpg)
jQuery 1.4.3
• JSLint
• Modularity
• CSS
• Traversal Performance
![Page 15: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/15.jpg)
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
![Page 16: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/16.jpg)
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.
![Page 17: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/17.jpg)
CSS
• Massive rewrite of the CSS module.
• Focus on extensibility.
• (A bit of performance too!)
• Plugins already using it: jQuery Rotate
![Page 18: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/18.jpg)
![Page 19: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/19.jpg)
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)
![Page 20: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/20.jpg)
Traversal Performance
![Page 21: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/21.jpg)
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)
![Page 22: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/22.jpg)
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)
![Page 23: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/23.jpg)
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)
![Page 24: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/24.jpg)
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
![Page 25: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/25.jpg)
![Page 26: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/26.jpg)
![Page 27: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/27.jpg)
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
![Page 28: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/28.jpg)
![Page 29: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/29.jpg)
![Page 30: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/30.jpg)
jQuery Mobile
![Page 31: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/31.jpg)
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.
![Page 32: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/32.jpg)
![Page 33: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/33.jpg)
![Page 34: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/34.jpg)
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.
![Page 35: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/35.jpg)
![Page 36: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/36.jpg)
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
![Page 37: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/37.jpg)
![Page 38: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/38.jpg)
![Page 39: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/39.jpg)
![Page 40: jQuery Keynote - Fall 2010](https://reader033.vdocuments.site/reader033/viewer/2022042702/55d4c209bb61eb66338b4660/html5/thumbnails/40.jpg)
Enjoy the Conference!
• Next: Learn more about jQuery Mobile!
• More information:
• http://blog.jquery.com/ (jQuery 1.4.3)
• http://jquerymobile.com/