Page 1
jQuery 1.9 and 2.0Present and Future
Page 2
Richard D. WorthExecutive Director, jQuery Foundation
@rworth [email protected]
jQuery UK - Oxford April 19 2013
Page 3
write less, do more
Page 6
DOM ManipulationEvents
Page 7
DOM ManipulationEventsE�ects
Page 8
DOM ManipulationEventsE�ectsAjax
Page 9
DOM ManipulationEventsE�ectsAjax
Page 12
LessMoreStu� plugins
Page 13
LessMoreStu�UI controls
plugins
Page 14
LessMoreStu�UI controls
pluginsjQuery UI
Page 15
LessMoreStu�UI controlsTouch
pluginsjQuery UI
Page 16
LessMoreStu�UI controlsTouch
pluginsjQuery UI
jQuery Mobile
Stu�UI controlsTouch
Page 17
LessMoreStu�UI controlsTouchMVC
pluginsjQuery UI
jQuery Mobile
Stu�UI controlsTouch
Page 18
LessMoreStu�UI controlsTouchMVC
pluginsjQuery UI
jQuery MobileBackbone, etc.
Stu�UI controlsTouchMVC
pluginsjQuery UI
jQuery Mobile
Page 19
jQuery 1.8 orearlier versions?
Page 20
1.9 Upgrade Guide
Page 22
github.com/jquery/jquery-migrate
Page 23
<script src="jquery.js"></script><script src="jquery-migrate.js"></script>
Page 24
Migrate Plugin Example
Page 25
trends.builtwith.com
W3Techs
Page 26
56.7%all web sites
Page 27
61.3%top 10,000 sites
Page 28
91.2%sites with JavaScript
Page 29
9 out of 10web developers
use jQuery
Page 30
9 out of 10web developers
use jQuery
Page 33
Available now onthe jQuery CDN
code.jquery.com
<script src="jquery.js"></script><script src="jquery-migrate.js"></script>
Page 34
Google andMicrosoft CDNs
soon
Page 35
3 Features2 Promises1 Invitation
Page 37
jQuery 2.0drops support for
IE 6, 7, 8
Page 39
All code tomake jQuery work
in IE 6, 7, 8 wasREMOVED from 2.0
Page 41
“CompatabilityView” modes
Page 42
X-UA-Compatibletag or HTTP header
Header isrecommended
Page 44
jQuery 2.0 isdeigned for
the modern web
Page 45
jQuery 2.0 isdeigned for
the modern web
Page 46
Compatibility codefor Old IE caused
issues in someenvironments
Page 47
Perfect 2.0 Environments• Google Chrome add-ons• Mozilla XUL apps, Firefox ext.• Firefox OS apps• Chrome OS apps• Windows 8 Store (”Modern/Metro UI”) apps
Page 48
Perfect 2.0 Environments• BlackBerry 10 WebWorks apps• PhoneGap/Cordova apps• Apple UIWebView Class• Microsoft WebBrowser Control• node.js (combined with jsdom or similar)
Page 49
Modern Environments• Are themselves a work in progress• Have a unique set of rules or restrictions• Are different from typical jQuery env. - web browser
Page 50
Modern Environments• We aren’t able to test regularly in all these non-browser scenarioes• We’d like to hear about your experiences in using them
Page 52
12 optionallyexcludable
modules
Page 53
• Ajax• CSS• Dimensions• Effects
Some Modules• Offset• Wrap• Sizzle• ...
Page 54
• Ajax• CSS• Dimensions• Effects
DOM Manip. &Selecting
Page 55
The core ofjQuery Core 2.0
10kminified + gzipped
Page 56
3 Features2 Promises1 Invitation
Page 57
3 Features2 Promises1 Invitation
Page 59
The jQuery Teamwill supportjQuery v1.X
for as long asIE 6, 7, 8 is revelant
Page 61
ConditionalComments
Page 62
If you need tosupport IE 6, 7, 8
use 1.9 / 1.X
Page 63
Please testjQuery 2.0 on
your site, evenif you use 1.9
Page 65
The jQuery Teamwill support
API equivalencebetween
1.1X and 2.X10kminified + gzipped
Page 66
1.10 will bereleased within
a couple ofmonths
Page 67
1.1X <-> 2.X1.10 <-> 2.01.11 <-> 2.11.12 <-> 2.2
Page 69
Join Us• learn.jquery.com• contribute.jquery.org• jquery.org/join