Mix It Up:

Visual Studio 2010 and

ASP.NET 4.0Singapore

25 March 2009

Mar Mix-It-Up:

Visual Studio 2010 and ASP.NET 4.0

Mix 01: Future of Web Development

with Visual Studio 2010 and ASP.NET 4.0

by

Maung Maung Phyo

Session Agenda

• IDE Enhancements

– Design View vs Code View

• New / Enhanced / Rolled-up Technologies

– ASP.NET AJAX 4.0

– MVC

– Dynamic Data

• Web Deployment

IDE Enhancements

• Improved CSS 2.1 Support

– ACID1 tested designer

• Enhanced HTML Editor

– HTML snippets

• More JavaScript Intellisense

– It’s just getting better!

– Document outline

– Support for jQuery

Document Outline

• XML Comments work Everywhere• Error Tolerance• Enhanced 3rd Party Library Support• Faster Updating

JavaScript IntelliSense 2.0Updated Architecture

0 1000 2000 3000 4000 5000 6000

ExtJS

Yahoo! UI

Dojo

Prototype

jQuery

Microsoft AJAX

VS 2008

VS 2010

11.7s

2x

5x

4x

3x

4x

6x

XML Comments Works Everywhere

<demotitle="Enhanced Web

Designer" />

• Client IDs:– Developers have full control over the controls’

rendered client IDs– Remove ID bloat, and ‘mangling’

• URL routing for web-forms:– Friendly-URL handling for web-forms– Configuration model for URL routing

• View-state:– Disable on page, enable on specific controls– Disable on control, enable on child controls– GridView/ListView work better without view-state

ASP.NET Web-Forms

• Continue ASP.NET Ajax innovation: RIA• Appeal to JavaScript developers • Provide support for the page developer• jQuery including IntelliSense

• Templates and data binding:– Client-side handling, REST or Web services– Covers page developer and

component developer scenarios

• DOM manipulation, selectors ..

ASP.NET AJAX

• Ajax higher-level components:– Ajax Control Toolkit is a part of the strategy– New controls

• Centralized script libraries and break-up of libraries leads to better performance

ASP.NET AJAX

<demotitle="AJAX 4.0

Preview" />

• Appeal to those wanting separation of concerns, TDD, full control

• ASP.NET MVC 1.0 released on Mar 09

• ASP.NET MVC: (Model-View-Controller)– Enforces separation of concerns and provides full

control of markup. TDD is enabled– URL routing, tooling support– Get the benefits of ASP.NET:

• Profile, membership and roles, localization ..

ASP.NET MVC

• Asynchronous controllers• Sub-controllers & views• Declarative controls, form validation• Ajax Extender

ASP.NET MVC (Future…)

<demotitle="MVC Web Forms

in VS 2010" />

• Make building data-driven Web apps easy– Scaffold tables and columns– Declarative validation with Data Model– Support custom field templates

• Available with FX 3.5 SP1 & VS 2008 SP1

ASP.NET Dynamic Data

• More Data Sources– BusinessLogicDataSource – ADODataServicesDataSource

• Field Templates – Password

• Image Support – From file system– From database

• MVC Support– Client side validation– Support for business logic layer – Scaffolding over business logic layer

ASP.NET Dynamic Data 4.0 (Future…)

<demotitle="Dynamic Data" />

Web Deployment Today

• Sum of All Files ≠ Application– IIS Configuration– GAC or COM Components– Certificates– Registry– Database

• Desktop ≠ Staging– Debug Flags– Connection Strings– Web Service Endpoints

Deployment Problems

XML Document Transforms

• Enables web.config transformations for

– Debug

– Release

– Staging...

• Source + Transform = Result

• Simple, readable "transform" notation

<configuration xmlns:xdt=“http://schemas.microsoft..."><system.web><compilation xdt:Transform=“RemoveAttributes(debug)”/>

</system.web></configuration>

Locators & Transforms

<add name="NorthwindConnectionString" connectionString="..."providerName="System.Data.SqlClient"xdt:Locator="Match(name)"xdt:Transform="Replace"/>

<add name="NorthwindConnectionString“connectionString="..." providerName="System.Data.SqlClient" xdt:Transform="Replace“xdt:Locator="Condition(@name='Northwind' or

@providerName='System.Data.SqlClient')" />

<authorization><allow roles="Admins"

xdt:Transform="InsertBefore(/configuration/system.web/authorization/deny[@users='*'])"

/></authorization>

Packaging & Deploying

C:\MixItUpWeb.deploy.cmd [/T | /Y]

<demotitle="Web Deployment

with VS 2010" />

Additional Resources

• Visual Studio 2010 Home Page– http://www.microsoft.com/visualstudio/en-

us/products/2010/default.mspx

• Download VS 2010 CTP– http://www.microsoft.com/downloads/details.aspx?F

amilyID=922b4655-93d0-4476-bda4-94cf5f8d4814&displaylang=en

• ASP.NET 4.0 Roadmap– http://channel9.msdn.com/pdc2008/PC20/

• VS 2010 & ASP.NET 4.0 Video Podcasts– http://channel9.msdn.com/shows/10-4/

Q&A

© 2007 Microsoft Corporation. All rights reserved.Microsoft, Windows, Windows Vista and the Windows logo are either registered trademarks or trademarks of the

Microsoft Corporation in the United States and/or other countries.

This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.