jQuery
State of the   Union
Usage
40%30%20%
(23 million)   2009   2010 (116 million)
Ajax   Rails   jQuery
Growth Ajax   Rails   jQuery
Governance
jQuery Governance Rules
All OutlaysRequire a    Vote
So far:Team Meetings Conferences Audio/Visual UI Developer
Future Outlays: Infrastructure  DevelopersjQuery MobileTeam Meetings  Conferences
FutureOutlays?
Executive  Board
Rey Bango  Yehuda Katz   John ResigJonathan Sharp   Leah SilberRalph WhitbeckRichard D. Worth
Rey Bango  Yehuda Katz   John ResigJonathan Sharp   Leah SilberRalph WhitbeckRichard D. Worth
Conflicts of Interest
Other Areas:Advance Approval     Votes  Membership   Subteams
Path toContribution
Subteams
jQuery UI   Infrastructure   Design    Dev Mobile     Docs    Events    Dev. Relations
ClearDescription
Mentoring   NewContributors
Contributor  LicenseAgreement
Finalized
The jQuery project willown the code
Ownership can be transferredonly to an entity agreeing with the same rules
jQuery will  always beOpen Source
jQuery will  always beOpen Source.
Adoption
Adobe
Adobe Hearts jQuery
“In short, we believe jQueryhas become a nearlystandard library of theweb. In many ways, it is nolonger just about oneproj...
Code
jQuery 1.4.3
JSLint
Enforce Style
$ make lint
Modularity
All jQuery canbe individually     loaded
Script Loader?
Big win:Test suitewithout abuild step
CSS
Full rewrite of   the CSS   module
Purpose:Extensibility
Purpose:Extensibility (Performance)
jQuery.rotate
jQuery.cssHooks.rotate = {  set: function( elem, value ) {    var _support = support,      supportTransform = _support.tra...
NativePerformance   Where  Possible
OfficialPlugins
datalink
Link formslive with JS   Objects
Developed  withMicrosoft
var user = new User();$("form").link(user, {   firstName: "first-name",   lastName: "last-name"})
var product = {};$("#rank").link(product, {  salesRank: {    convertBack: function(val, source, target) {      $(target).h...
(general .dataimprovement)
jQueryTemplate
Alsodeveloped  withMicrosoft
$("#test").append(  "<li><em>${name}</em> (${year})</li>",  data)
var data = { firstName: "Yehuda" };$("#item").tmpl(data).appendTo("ul");<script id="item" type="text/html">  <li>${firstNa...
var lastItem = $("ul").tmplItem();var person    = lastItem.data;var htmlNodes = lastItem.nodes;
Plugins:Focusing on  full apps
jQuery Mobile
Lots ofplatforms
// HANDLE: $("#id")} else {  elem = document.getElementById( match[2] ); // Check parentNode to catch when Blackberry 4.6 ...
Blackberry    OperaWindows Mobile Mobile Firefox   Symbian     etc.
Phase 1:jQuery Core
Fix bugs in all    major   browsers
(A and B  gradedbrowsers)
Phase 1 is acontinuing  effort
Phase 2:jQuery Mobile
A frameworkfor buildingmobile web     sites
Widgets   +Layout
jQuery 1.5
More Bugfixes
More Bugfixes (including   mobile)
Rewriteof .attr()
Rewrite of $.ajax()
jQuery.subclass
var myQuery = jQuery.subclass();myQuery.fn.getId = function() {  return this.id;}
jQuery("#foo").getId() // errormyQuery("#foo").getId() // "foo"
Personally
Porting   SproutCore improvementsinto jQuery Core
Plus official  plugins
Basically:HTML5 features
Thank you!
Questions?
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
jQuery State of the Union - Yehuda Katz
Upcoming SlideShare
Loading in …5
×

jQuery State of the Union - Yehuda Katz

1,984 views

Published on

What's the state of the most popular JavaScript library today? What's in-store for upcoming releases?

At an event hosted at Microsoft on November 9th, 2010, Yehuda Katz (a core member of the jQuery team) talked about updates planned for jQuery 1.4.3 and plans for jQuery 1.5, due next year.

He also covers:
- initiatives of the jQuery project
- jQuery mobile
- formalizing governance of the jQuery project

** See the video at: http://marakana.com/f/12312 **

Stay tuned for videos of these presentations from this event:

- jQuery jump start (15 min. session to get you productive with the JavaScript frameworks)
- jQuery with ASP.NET and Visual Studio Walk-through
- How jQuery continues to drive innovation with emerging technologies

In the meantime, check out more videos on open source development at: http://marakana.com/techtv

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,984
On SlideShare
0
From Embeds
0
Number of Embeds
198
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

jQuery State of the Union - Yehuda Katz

  1. 1. jQuery
  2. 2. State of the Union
  3. 3. Usage
  4. 4. 40%30%20%
  5. 5. (23 million) 2009 2010 (116 million)
  6. 6. Ajax Rails jQuery
  7. 7. Growth Ajax Rails jQuery
  8. 8. Governance
  9. 9. jQuery Governance Rules
  10. 10. All OutlaysRequire a Vote
  11. 11. So far:Team Meetings Conferences Audio/Visual UI Developer
  12. 12. Future Outlays: Infrastructure DevelopersjQuery MobileTeam Meetings Conferences
  13. 13. FutureOutlays?
  14. 14. Executive Board
  15. 15. Rey Bango Yehuda Katz John ResigJonathan Sharp Leah SilberRalph WhitbeckRichard D. Worth
  16. 16. Rey Bango Yehuda Katz John ResigJonathan Sharp Leah SilberRalph WhitbeckRichard D. Worth
  17. 17. Conflicts of Interest
  18. 18. Other Areas:Advance Approval Votes Membership Subteams
  19. 19. Path toContribution
  20. 20. Subteams
  21. 21. jQuery UI Infrastructure Design Dev Mobile Docs Events Dev. Relations
  22. 22. ClearDescription
  23. 23. Mentoring NewContributors
  24. 24. Contributor LicenseAgreement
  25. 25. Finalized
  26. 26. The jQuery project willown the code
  27. 27. Ownership can be transferredonly to an entity agreeing with the same rules
  28. 28. jQuery will always beOpen Source
  29. 29. jQuery will always beOpen Source.
  30. 30. Adoption
  31. 31. Adobe
  32. 32. Adobe Hearts jQuery
  33. 33. “In short, we believe jQueryhas become a nearlystandard library of theweb. In many ways, it is nolonger just about oneproject but really belongsto the web as a whole.
  34. 34. Code
  35. 35. jQuery 1.4.3
  36. 36. JSLint
  37. 37. Enforce Style
  38. 38. $ make lint
  39. 39. Modularity
  40. 40. All jQuery canbe individually loaded
  41. 41. Script Loader?
  42. 42. Big win:Test suitewithout abuild step
  43. 43. CSS
  44. 44. Full rewrite of the CSS module
  45. 45. Purpose:Extensibility
  46. 46. Purpose:Extensibility (Performance)
  47. 47. jQuery.rotate
  48. 48. jQuery.cssHooks.rotate = { set: function( elem, value ) { var _support = support, supportTransform = _support.transform, cos, sin, centerOrigin; if (typeof value === string) { value = toRadian(value); } $.data( elem, transform, { rotate: value });
  49. 49. NativePerformance Where Possible
  50. 50. OfficialPlugins
  51. 51. datalink
  52. 52. Link formslive with JS Objects
  53. 53. Developed withMicrosoft
  54. 54. var user = new User();$("form").link(user, { firstName: "first-name", lastName: "last-name"})
  55. 55. var product = {};$("#rank").link(product, { salesRank: { convertBack: function(val, source, target) { $(target).height(value * 2); } }});$(product).data("salesRank", 12);alert($("#rank").height()); // 24
  56. 56. (general .dataimprovement)
  57. 57. jQueryTemplate
  58. 58. Alsodeveloped withMicrosoft
  59. 59. $("#test").append( "<li><em>${name}</em> (${year})</li>", data)
  60. 60. var data = { firstName: "Yehuda" };$("#item").tmpl(data).appendTo("ul");<script id="item" type="text/html"> <li>${firstName}</li></script>
  61. 61. var lastItem = $("ul").tmplItem();var person = lastItem.data;var htmlNodes = lastItem.nodes;
  62. 62. Plugins:Focusing on full apps
  63. 63. jQuery Mobile
  64. 64. Lots ofplatforms
  65. 65. // HANDLE: $("#id")} else { elem = document.getElementById( match[2] ); // Check parentNode to catch when Blackberry 4.6 returns // nodes that are no longer in the document #6963 if ( elem && elem.parentNode ) {
  66. 66. Blackberry OperaWindows Mobile Mobile Firefox Symbian etc.
  67. 67. Phase 1:jQuery Core
  68. 68. Fix bugs in all major browsers
  69. 69. (A and B gradedbrowsers)
  70. 70. Phase 1 is acontinuing effort
  71. 71. Phase 2:jQuery Mobile
  72. 72. A frameworkfor buildingmobile web sites
  73. 73. Widgets +Layout
  74. 74. jQuery 1.5
  75. 75. More Bugfixes
  76. 76. More Bugfixes (including mobile)
  77. 77. Rewriteof .attr()
  78. 78. Rewrite of $.ajax()
  79. 79. jQuery.subclass
  80. 80. var myQuery = jQuery.subclass();myQuery.fn.getId = function() { return this.id;}
  81. 81. jQuery("#foo").getId() // errormyQuery("#foo").getId() // "foo"
  82. 82. Personally
  83. 83. Porting SproutCore improvementsinto jQuery Core
  84. 84. Plus official plugins
  85. 85. Basically:HTML5 features
  86. 86. Thank you!
  87. 87. Questions?

×