jQuery Conference 2012 keynote

jQuery Conference 2012 San Francisco Dave Methvin President, jQuery Foundation Lead Developer, jQuery Core

Just a few things going on…• jQuery Foundation – Gives us a way to organize support for the jQuery project and community efforts • Software development • Documentation and training • Conferences – Tomorrow mornings keynote by Richard Worth• jQuery Core, UI, Mobile

jQuery Core Timeline• jQuery 1.0: January 2006• jQuery 1.1: January 2007• jQuery 1.2: September 2007• jQuery 1.3: January 2009• jQuery 1.4: January 2010• jQuery 1.5: January 2011• jQuery 1.6: May 2011• jQuery 1.7: November 2011

jQuery 1.8: July 2012• Only major release this year• Fix bugs, make things faster (of course!)• Add some nice things (CSS vendor prefixes)• Dump unneeded code (Safari 2 for example)• Deprecate "trip hazards" – E.g. $.browser• Set the stage for future work

jQuery 1.8: Modularity• New grunt build system (yay @cowboy!)• Intended for advanced users in 1.8 – You must understand your project dependencies• Exclude parts you dont need – ajax, css, dimensions, effects, offset, deprecated• Simple option in the jQuery build – Documented in the README file – Blog post to come

jQuery 1.8: Modularity• Theoretical example: Small mobile app – Uses classes for CSS styling and animations – No third-party plugin dependencies – Only needs JSONP, using jaubourgs jsonp.js – jQuery 1.7.2: 32.8KB min-gz (full jQuery) – jQuery 1.8: ~24KB min-gz (including jsonp.js!)

THIS is why it cant be simple

jQuery 1.8: Closure Compiler• Experimental branch, not yet available• Supports CCs ADVANCED_OPTIMIZATIONS – Renames variables and property names – Eliminates dead (uncalled) functions – Inlines function calls• Intended for really advanced users – obj.name vs. obj["name"] confuses optimizer – Code annotations act as optimizer hints – All your code needs to be CC AO safe – Difficult to debug

The Future of jQuery

jQuery 1.9: Early 2013• Continued API cleanup – Better modularity and speed, smaller size – Remove some deprecated APIs• Compatibility plugin – Includes most of the APIs we remove – For the times you just want to "make it work"• Support and unit tests for all major market- share browsers (including IE7/8)• IE6 serious-regressions-only policy

This is the exciting part

jQuery 2.0: Early 2013• Same API as jQuery 1.9• No major feature additions

jQuery 2.0: Early 2013NO SUPPORTFOR IE6, IE7,NOT EVEN IE8

Why This Approach?• OldIE workarounds permeate jQuery – Refactoring to a plugin isnt practical• We have a solution for oldIE – version 1.9 – Remember, its the same API

Shunning oldIE: Advantages• Jettison all the oldIE hacks – "Attroperties" – DOM-vs-JavaScript memory leaks – innerHTML serialization quirks – HTML5 shimming – Spontaneous tbody in empty tables – Opacity via filters, causes grainy text – Incorrect case sensitivity on attributes – Non-W3C attachEvent model – Cant change type property of inputs – Link href attribute returns absolute URL – No bubbling on change and submit events – Unreliable offsetHeight on table elements – Thrᵒ exceptions on invalid CSS values ws – Appended checkboxes lose their chec√s – Broken try/finally – theres G0T to be a catch – Host objects, please NOT hosT objects – It comes it cOmes cannot fight it com̡e̶s, ̕ – ̵Un̨ho͞ly code destro҉ying all enli̍̈́̂̈́ghtenment, – JScript lea͠ki̧nᵒ fr̶ǫm ̡yo r eye͢s̸ ̛l̕ik͏e liquid pain, g ͟u – ALL IS Lo ̩͇̗̪̏̈́T ALL IS LOST – MY CODE MY CODE ᵒh noNO NOO o

Simplify, Simplify, Simplify• Removing oldIE improves the code base – Faster • Fewer feature detects required at load time • Fewer tests needed at run time – Smaller • Especially when combined with modularity! – Revisit design decisions warped by oldIE • E.g., attach data directly to DOM elements

Not Just Mobile – Modern• Yes, oldIE is just a "desktop" concern• But "mobile" is not just iOS/Webkit – Poster boy: Microsoft Surface Tablet • Not just one screen size; not Webkit • Mouse, touch, stylus, maybe even Kinect? – Responsive design to the rescue?• jQuery 2.0 will support modern browsers – Not just a Webkit subset of browsers – We dont want to break the web

"IE8 cant use my site?"

Breaking the Web?• jQuery Core team will support two versions – Version 1.9 works with IE 6/7/8 – Version 2.0 does not "But Dave, my web site still needs to support IE 6/7/8 but I want to use jQuery 2.0!"

jQuery 2.0: "Tears of Joy" Policy• Include jQuery 1.9 only for oldIE: !--[if lt IE 9]> <script src="jquery-1.9.0.js"></script> <![endif]-->  <script src="jquery-2.0.0.js"></script>

jQuery Core Future Growth

jQuery Core Future Growth• Improve browser features or solve issues that exist everywhere (e.g. CSS vendor prefixes)• Beyond that, emphasis on plugins – Dont make everyone pay for platform-specific features and needs• You can still use a CDN jQuery but compress all your plugins and site code!

Why We Plugin: Touch Events• Two non-standard implementations – Webkit touch events – Microsoft MSPointer – No sign of a W3C standard (Apple patents)• Can we normalize like we did with oldIE? – Maybe … but to which implementation? – Webkit: de facto; MSPointer: flexible, unproven• Should we include this in core? – Way too early for that. Plugin for now!

http://www.pcinpact.com	18054
http://www.publickey1.jp	8610
http://m.pcinpact.com	508
https://app.codegrid.net	402
http://temping-amagramer.blogspot.jp	338
http://lanyrd.com	44
http://play.daumcorp.com	36
https://staging-codegrid.herokuapp.com	19
http://webcache.googleusercontent.com	15
https://twitter.com	14
http://localhost	13
http://niwaxtori.tumblr.com	11
http://www.scoop.it	10
http://www.facebook.com	8
http://f021423704264b5dbdf762177202294b.cloudapp.net	7
http://us-w1.rockmelt.com	5
https://si0.twimg.com	4
http://m.facebook.com	3
https://twimg0-a.akamaihd.net	2
http://publickey1.jp	2
http://v5.pcinpact.com	2
http://t.co	2
http://temping-amagramer.blogspot.com	1
http://tweetedtimes.com	1
http://jiksak-jp.appspot.com	1
http://feeds	1
http://hatebutv.com	1
http://temping-amagramer.blogspot.de	1
http://www.google.com	1
http://cache.yahoofs.jp	1

jQuery Conference 2012 keynote

by dmethvin on Jun 29, 2012

Accessibility

Categories

Upload Details

Usage Rights

30 Embeds 28,117

Statistics

jQuery Conference 2012 keynote Presentation Transcript