jQuery 1.9 and 2.0Present and Future
Richard D. Worth        Executive Director, jQuery Foundation     @rworth          richard@jquery.comjQuery UK - Oxford   ...
write less, do more
Scope
DOM Manipulation
DOM ManipulationEvents
DOM ManipulationEventsEffects
DOM ManipulationEventsEffectsAjax
DOM ManipulationEventsEffectsAjax
More   Less
More    LessStuff
More       LessStuff   plugins
More             LessStuff         pluginsUI controls
More               LessStuff           pluginsUI controls   jQuery UI
More               LessStuff           pluginsUI controls   jQuery UITouch
More                 LessStuff             pluginsUI controls     jQuery UITouch       jQuery Mobile
More                 LessStuff             pluginsUI controls     jQuery UITouch       jQuery MobileMVC
More                 LessStuff             pluginsUI controls     jQuery UITouch       jQuery MobileMVC        Backbone, e...
jQuery 1.8 orearlier versions?
1.9 Upgrade Guide
Migrate Plugin
github.com/jquery/   jquery-migrate
<script src="jquery.js"></script><script src="jquery-migrate.js"></script>
Migrate Plugin Example
trends.builtwith.com     W3Techs
56.7%all web sites
61.3%top 10,000 sites
91.2%sites with JavaScript
9 out of 10web developers  use jQuery
9 out of 10web developers  use jQuery
jQuery 2.0  Final
blog.jquery.com
Available now on the jQuery CDNcode.jquery.com
Google andMicrosoft CDNs     soon
3 Features2 Promises1 Invitation
Feature  #1
jQuery 2.0drops support for    IE 6, 7, 8
This is NOTYMMV
All code tomake jQuery work in IE 6, 7, 8 wasREMOVED from 2.0
12%smaller
“Compatability View” modes
X-UA-Compatibletag or HTTP header     Header is  recommended
Feature  #2
jQuery 2.0 is   deigned forthe modern web
jQuery 2.0 is   deigned forthe modern web
Compatibility code for Old IE caused  issues in some  environments
Perfect 2.0 Environments• Google Chrome add-ons• Mozilla XUL apps, Firefox ext.• Firefox OS apps• Chrome OS apps• Windows ...
Perfect 2.0 Environments• BlackBerry 10 WebWorks apps• PhoneGap/Cordova apps• Apple UIWebView Class• Microsoft WebBrowser ...
Modern Environments• Are themselves a work in  progress• Have a unique set of rules  or restrictions• Are different from ty...
Modern Environments• We aren’t able to test regularly  in all these non-browser  scenarioes• We’d like to hear about your ...
Feature  #3
12 optionally excludable  modules
Some Modules• Ajax         • Offset• CSS          • Wrap• Dimensions   • Sizzle• Effects       • ...
DOM Manip. &  Selecting
The core ofjQuery Core 2.0                  10k            minified + gzipped
3 Features2 Promises1 Invitation
3 Features2 Promises1 Invitation
Promise   #1
The jQuery Team    will support    jQuery v1.X   for as long asIE 6, 7, 8 is revelant
Several More Years
ConditionalComments
If you need tosupport IE 6, 7, 8  use 1.9 / 1.X
Please test jQuery 2.0 onyour site, even if you use 1.9
Promise  #2
The jQuery Team  will supportAPI equivalence    between  1.1X and 2.X
1.10 will bereleased within  a couple of     months
1.1X    <->   2.X1.10    <->   2.0 1.11   <->   2.11.12    <->   2.2
Invitation
Join Us• learn.jquery.com• contribute.jquery.org• jquery.org/join
membership@jquery.com
Upcoming SlideShare
Loading in...5
×

jQuery 1.9 and 2.0 - Present and Future

6,868

Published on

jQuery has grown over 7 years to become the most widely used JavaScript library ever. This talk will cover how the jQuery project continues to support the browsers of the past, present, and future while also delivering modularity, innovation, and mobile support.

Published in: Technology

jQuery 1.9 and 2.0 - Present and Future

  1. 1. jQuery 1.9 and 2.0Present and Future
  2. 2. Richard D. Worth Executive Director, jQuery Foundation @rworth richard@jquery.comjQuery UK - Oxford April 19 2013
  3. 3. write less, do more
  4. 4. Scope
  5. 5. DOM Manipulation
  6. 6. DOM ManipulationEvents
  7. 7. DOM ManipulationEventsEffects
  8. 8. DOM ManipulationEventsEffectsAjax
  9. 9. DOM ManipulationEventsEffectsAjax
  10. 10. More Less
  11. 11. More LessStuff
  12. 12. More LessStuff plugins
  13. 13. More LessStuff pluginsUI controls
  14. 14. More LessStuff pluginsUI controls jQuery UI
  15. 15. More LessStuff pluginsUI controls jQuery UITouch
  16. 16. More LessStuff pluginsUI controls jQuery UITouch jQuery Mobile
  17. 17. More LessStuff pluginsUI controls jQuery UITouch jQuery MobileMVC
  18. 18. More LessStuff pluginsUI controls jQuery UITouch jQuery MobileMVC Backbone, etc.
  19. 19. jQuery 1.8 orearlier versions?
  20. 20. 1.9 Upgrade Guide
  21. 21. Migrate Plugin
  22. 22. github.com/jquery/ jquery-migrate
  23. 23. <script src="jquery.js"></script><script src="jquery-migrate.js"></script>
  24. 24. Migrate Plugin Example
  25. 25. trends.builtwith.com W3Techs
  26. 26. 56.7%all web sites
  27. 27. 61.3%top 10,000 sites
  28. 28. 91.2%sites with JavaScript
  29. 29. 9 out of 10web developers use jQuery
  30. 30. 9 out of 10web developers use jQuery
  31. 31. jQuery 2.0 Final
  32. 32. blog.jquery.com
  33. 33. Available now on the jQuery CDNcode.jquery.com
  34. 34. Google andMicrosoft CDNs soon
  35. 35. 3 Features2 Promises1 Invitation
  36. 36. Feature #1
  37. 37. jQuery 2.0drops support for IE 6, 7, 8
  38. 38. This is NOTYMMV
  39. 39. All code tomake jQuery work in IE 6, 7, 8 wasREMOVED from 2.0
  40. 40. 12%smaller
  41. 41. “Compatability View” modes
  42. 42. X-UA-Compatibletag or HTTP header Header is recommended
  43. 43. Feature #2
  44. 44. jQuery 2.0 is deigned forthe modern web
  45. 45. jQuery 2.0 is deigned forthe modern web
  46. 46. Compatibility code for Old IE caused issues in some environments
  47. 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
  48. 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)
  49. 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
  50. 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
  51. 51. Feature #3
  52. 52. 12 optionally excludable modules
  53. 53. Some Modules• Ajax • Offset• CSS • Wrap• Dimensions • Sizzle• Effects • ...
  54. 54. DOM Manip. & Selecting
  55. 55. The core ofjQuery Core 2.0 10k minified + gzipped
  56. 56. 3 Features2 Promises1 Invitation
  57. 57. 3 Features2 Promises1 Invitation
  58. 58. Promise #1
  59. 59. The jQuery Team will support jQuery v1.X for as long asIE 6, 7, 8 is revelant
  60. 60. Several More Years
  61. 61. ConditionalComments
  62. 62. If you need tosupport IE 6, 7, 8 use 1.9 / 1.X
  63. 63. Please test jQuery 2.0 onyour site, even if you use 1.9
  64. 64. Promise #2
  65. 65. The jQuery Team will supportAPI equivalence between 1.1X and 2.X
  66. 66. 1.10 will bereleased within a couple of months
  67. 67. 1.1X <-> 2.X1.10 <-> 2.0 1.11 <-> 2.11.12 <-> 2.2
  68. 68. Invitation
  69. 69. Join Us• learn.jquery.com• contribute.jquery.org• jquery.org/join
  70. 70. membership@jquery.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×