jQuery & HTML5 - the next web application development platform

Kiril Matev

Technical Evangelist

Infragistics, Inc

kmatev@infragistics.com

Contents

• Definitions• Benefits/Challenges of the use of jQuery• Comparison with other platforms• Typical Scenarios• Presenting NA for jQuery 11.1• NA for jQuery roadmap

Definitions

• What is jQuery?• jQuery is a lightweight open source

JavaScript library • It allows developers to find and manipulate

HTML elements with a minimum amount of code

• Microsoft ships jQuery with Visual Studio

Benefits

• Why use jQuery?• Independent from Microsoft• Works on all platforms• Allows a developer to build a highly

responsive, fast UI• Allows a developers to build light-weight

AJAX applications compared to ASP.NET AJAX

• Easy integration with ASP.NET AJAX applications

Challenges

• Some challenges to keep in mind:• Tooling is inadequate, productivity is low• HTML5 will not become a standard for at

least 2-3 years• Until then new browsers featuring

inconsistent support for HTML5 requiring web developers to invest in ensuring their code works on all of them

Comparing jQuery to other platforms

• Ranking developer productivity (cost of development)1. Web forms (cheapest)2. MVC3. jQuery

• Ranking performance, scalability1. jQuery (most scalable)2. MVC3. Web forms

Comparing jQuery to other platforms

• Ranking flexibility, portability1. jQuery (most flexible)2. MVC3. Web forms

Typical Scenarios

• jQuery/HTML5 would be the platform of choice when:

Cross-platform/device compatibility is requiredSubstantial degree of scalability and performance is required

NetAdvantage for jQuery 11.1

• Built for Web developers who want:• high performance client-side user interface• rich user experience • based on the latest HTML, CSS and JavaScript

engines.

• Featuring jQuery controls, controls for Microsoft® ASP.NET MVC and eventually PHP wrappers, it targets the large-scale public Web sites, browser-based apps for desktop deployment and Apple iPad apps that developers are looking to build with support for Microsoft and WebKit-based browsers.

NetAdvantage for jQuery 11.1

• Client-side based controls using CSS3 and HTML5

• Grid, upload, video player, editors, rating• Can be used with any data server end-point,

as they live entirely on the client• Extensions to the client controls enabling

ASP.NET MVC

• Demos

NetAdvantage for jQuery 11.2 Roadmap

• Hierarchical Grid• Load On Demand• Paging• Soring• Filtering

• jQuery Tree• Selection• Activation• Checkboxes• Load On Demand• Templating • Images

NetAdvantage for jQuery 11.2 Roadmap

• jQuery Combo Box• Auto- Suggest• Auto-Complete• Filtering• Load On Demand• Multi-Column Layout

• Grid Features• Column Moving• Column Resizing• Column Hiding

• High-performance chart

Questions

Contacts

kmatev@infragistics.com