Harish Ranganathan 23 / 04 / 09 Building Rich UI AJAX, Toolkit & jQuery

Created by John Resig Open Source Microsoft Product support Included with Visual Studio Shipping right now with ASP.NET MVC jQuery Intellisense Supported in Visual Studio 2008 (see Jeff King’s blog) Supported in Visual Studio 2010

Created by John Resig

Open Source

Microsoft Product support

Included with Visual Studio

Shipping right now with ASP.NET MVC

jQuery Intellisense

Supported in Visual Studio 2008 (see Jeff King’s blog)

Supported in Visual Studio 2010

ASP.NET AJAX AJAX Requests Components and Controls Client Templates AJAX Control Toolkit jQuery Selectors Animations Plugins

Created by John Resig Open source MIT and GPL license Cross-browser compatible Internet Explorer 6+, Firefox 2+, Opera 9+, and Safari 2+ Small footprint 15KB Used by many major websites Bank of America, Dell, Netflix, NBC …_ Passionate community

Created by John Resig

Open source

MIT and GPL license

Cross-browser compatible

Internet Explorer 6+, Firefox 2+, Opera 9+, and Safari 2+

Small footprint

15KB

Used by many major websites

Bank of America, Dell, Netflix, NBC …_

Passionate community

Microsoft will not fork jQuery jQuery included as-is jQuery included under MIT license Microsoft will actively contribute to jQuery Microsoft will provide full product support 7/24 Product support through PSS Microsoft will integrate jQuery into future versions of Visual Studio Shipping with ASP.NET MVC Microsoft will add Intellisense for jQuery

Microsoft will not fork jQuery

jQuery included as-is

jQuery included under MIT license

Microsoft will actively contribute to jQuery

Microsoft will provide full product support

7/24 Product support through PSS

Microsoft will integrate jQuery into future versions of Visual Studio

Shipping with ASP.NET MVC

Microsoft will add Intellisense for jQuery

$(“#firstName”) Selects element with Id firstName $(":text") Selects all text boxes $(“.required”) Selects all elements with required class $("#grd tr:even") Select even rows from an element with an Id of grd jQuery Selectors

$(“#firstName”)

Selects element with Id firstName

$(":text")

Selects all text boxes

$(“.required”)

Selects all elements with required class

$("#grd tr:even")

Select even rows from an element with an Id of grd

$(…).show() $(…).hide() $(…).slideDown() $(…).slideUp() $(…).fadeIn() $(…).fadeOut() jQuery Animation

$(…).show()

$(…).hide()

$(…).slideDown()

$(…).slideUp()

$(…).fadeIn()

$(…).fadeOut()

jQuery + ASP.NET AJAX = Powerful AJAX Framework jQuery will be fully supported by Microsoft Conclusion

jQuery + ASP.NET AJAX = Powerful AJAX Framework

jQuery will be fully supported by Microsoft

References ASP.NET AJAX http://ajax.asp.net AJAX Control Toolkit http://www.codeplex.com/AjaxControlToolkit jQuery http://jQuery.com

ASP.NET AJAX

http://ajax.asp.net

AJAX Control Toolkit

http://www.codeplex.com/AjaxControlToolkit

jQuery

http://jQuery.com

Contact Blog Address http://geekswithblogs.net/ranganh Email Address [email_address]

Blog Address

http://geekswithblogs.net/ranganh

Email Address

[email_address]