Harish Ranganathan

23 / 04 / 09

Building Rich UIAJAX, 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

ASP.NET AJAX

AJAX RequestsAJAX Requests

Components and ControlsComponents and Controls

Client Templates

Client Templates

AJAX Control Toolkit

AJAX Control Toolkit

jQuery

SelectorsSelectors

AnimationsAnimations

PluginsPlugins

• 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

• $(“#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

• $(…).show()• $(…).hide()• $(…).slideDown()• $(…).slideUp()• $(…).fadeIn()• $(…).fadeOut()

jQuery Animation

• jQuery + ASP.NET AJAX = Powerful AJAX Framework

• jQuery will be fully supported by Microsoft

Conclusion

References • ASP.NET AJAX

http://ajax.asp.net

• AJAX Control Toolkithttp://www.codeplex.com/AjaxControlToolkit

• jQueryhttp://jQuery.com

Contact

• Blog Address http://geekswithblogs.net/ranganh

• Email Addresshrangan@microsoft.com