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

1. jQuery

2. State of the
Union

3. Usage

4. 40%
30%
20%

5. (23 million) 2009 2010 (116 million)

6. Ajax Rails jQuery

7. Growth
Ajax Rails jQuery

9. Governance

11. jQuery Governance Rules

12. All Outlays
Require a
Vote

13. So far:
Team Meetings
Conferences
Audio/Visual
UI Developer

14. Future Outlays:
Infrastructure
Developers
jQuery Mobile
Team Meetings
Conferences

15. Future
Outlays?

16. Executive
Board

18. Rey Bango
Yehuda Katz
John Resig
Jonathan Sharp
Leah Silber
Ralph Whitbeck
Richard D. Worth

19. Rey Bango
Yehuda Katz
John Resig
Jonathan Sharp
Leah Silber
Ralph Whitbeck
Richard D. Worth

20. Conflicts of
Interest

21. Other Areas:
Advance Approval
Votes
Membership
Subteams

22. Path to
Contribution

23. Subteams

24. jQuery UI Infrastructure Design Dev
Mobile Docs Events Dev. Relations

25. Clear
Description

26. Mentoring
New
Contributors

27. Contributor
License
Agreement

28. Finalized

30. The jQuery
project will
own the code

31. Ownership can
be transferred
only to an entity
agreeing with
the same rules

32. jQuery will
always be
Open Source

33. jQuery will
always be
Open Source.

34. Adoption

35. Adobe

36. Adobe Hearts jQuery

40. “
In short, we believe jQuery
has become a nearly
standard library of the
web. In many ways, it is no
longer just about one
project but really belongs
to the web as a whole.

41. Code

42. jQuery 1.4.3

43. JSLint

44. Enforce Style

45. $ make lint

46. Modularity

47. All jQuery can
be individually
loaded

48. Script Loader?

49. Big win:
Test suite
without a
build step

50. CSS

51. Full rewrite of
the CSS
module

52. Purpose:
Extensibility

53. Purpose:
Extensibility
(Performance)

54. jQuery.rotate

55. 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
});

57. Native
Performance
Where
Possible

61. Official
Plugins

62. datalink

63. Link forms
live with JS
Objects

64. Developed
with
Microsoft

65. var user = new User();
$("form").link(user, {
firstName: "first-name",
lastName: "last-name"
})

66. var product = {};
$("#rank").link(product, {
salesRank: {
convertBack: function(val, source, target) {
$(target).height(value * 2);
}
}
});
$(product).data("salesRank", 12);
alert($("#rank").height()); // 24

67. (general .data
improvement)

68. jQuery
Template

69. Also
developed
with
Microsoft

70. $("#test").append(
"<li><em>${name}</em> (${year})</li>",
data
)

71. var data = { firstName: "Yehuda" };
$("#item").tmpl(data).appendTo("ul");
<script id="item" type="text/html">
<li>${firstName}</li>
</script>

72. var lastItem = $("ul").tmplItem();
var person = lastItem.data;
var htmlNodes = lastItem.nodes;

73. Plugins:
Focusing on
full apps

74. jQuery Mobile

75. Lots of
platforms

76. // 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 ) {

77. Blackberry
Opera
Windows Mobile
Mobile Firefox
Symbian
etc.

79. Phase 1:
jQuery Core

80. Fix bugs in all
major
browsers

81. (A and B
graded
browsers)

83. Phase 1 is a
continuing
effort

84. Phase 2:
jQuery Mobile

85. A framework
for building
mobile web
sites

86. Widgets
+
Layout

90. jQuery 1.5

91. More Bugfixes

92. More Bugfixes
(including
mobile)

93. Rewrite
of .attr()

94. Rewrite of
$.ajax()

95. jQuery.subclass

96. var myQuery = jQuery.subclass();
myQuery.fn.getId = function() {
return this.id;
}

97. jQuery("#foo").getId() // error
myQuery("#foo").getId() // "foo"

100. Personally

101. Porting
SproutCore
improvements
into jQuery Core

102. Plus official
plugins

103. Basically:
HTML5 features

104. Thank you!

105. Questions?