47

Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience
Page 2: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Stephen WaltherSenior Program ManagerMicrosoft Corporation

Page 3: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Overview of Talk

ASP.NET supports several very different types of web applications

Page 4: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET 3.5 Service Pack 1

Microsoft Entity Framework

ADO.NET Data Services

Dynamic Data

Microsoft AJAX ImprovementsBrowser History

Script Combining

Page 5: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Overview of Talk

Build a simple video gallery website:

Page 6: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Overview of Talk

ASP.NET supports several very different types of web applications

ASP.NETWeb Forms

Page 7: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET Web Forms

ASP.NET Web Forms 4.0 enables you to build websites with more compelling front-end user experiences.

Page 8: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET Web Forms

Designer-focused DeveloperRapid application development with Visual Studio designer and tools

Drag-and-drop controls from toolbox

Page 9: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET Web Forms

Source-focused developer:Likes to type out HTML tags

Writes JavaScript code by hand

Worried about every little angle bracket and pixel

Page 10: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET Web Forms

With ASP.NET 4.0, you are in control:

Control Rendering

Control IDs

View State

Website URLs

XHTML and Accessibility

Page 11: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Code Snippets

Ctrl-K, XCtrl-K, S

Page 12: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Types of Code Snippets

HTMLdiv, table, img …

ASP.NET

scriptmanager, sqldatasource, formview …

ASP.NET AJAX

behavior, control …

JScript

function, forin …

Page 13: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

FormView Improvements

<asp:FormView

ID="Formview1"

RenderTable="false"runat="server">

Page 14: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ListView Improvements

<asp:ListView ID="Listview1" runat="server">

<LayoutTemplate>

<div id="itemContainer" runat="server" />

</LayoutTemplate>

<ItemTemplate>

<%# Eval("Title") %>

</ItemTemplate>

</asp:ListView>

Page 15: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Control Your View State

Control.ViewStateModeEnabled

Disabled

Inherit (default)

Page 16: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Control Your Client IDs

Control.ClientIdModeLegacy

Static

Predictable

Inherit (default)

Page 17: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Control Your Client IDs

<system.web>

<pages clientIdMode="Predictable">

</pages>

</system.web>

Page 18: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET Routing for Search Engine OptimizationInstead of:

http://YourSite.com/Search.aspx?query=cats

You can use:

http://YourSite.com/Search/cats

Page 19: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Other Search Engine Optimization Improvements

Page.Description

Page.Keywords

Response.RedirectPermanent(new url)

Page 20: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Redirects

300 multiple choices (e.g. offer different languages)

301 moved permanently

302 found (e.g. temporary redirect)

303 see other (e.g. for results of cgi-scripts)

307 temporary redirect

Page 21: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Web Standards

XHTML StandardsStrict or Transitional?

Accessibility StandardsSection 508, WCAG, ARIA?

Page 22: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET Core Enhancements

Cache ExtensibilityCreate custom cache providers

Browser Capabilities ExtensibilityCreate custom browser capability providers

Session State CompressionCompress out-of-process session state

Page 23: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Overview of Talk

ASP.NET supports several very different types of web applications

ASP.NETWeb Forms

ASP.NET AJAX

Page 24: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET AJAX

Page 25: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET AJAX

Client-Side Templates

Client-Side Controls

Client-Side Data Binding

Read/Write Database Data from the Browser

Cross-Browser Compatible

Not tied to ASP.NET

Page 26: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET AJAXRefactored Microsoft AJAX Library

MicrosoftAjaxCore.js

MicrosoftAjaxComponentModel.js

MicrosoftAjaxSerialization.js

MicrosoftAjaxGlobalization.js

MicrosoftAjaxHistory.js

MicrosoftAjaxNetwork.js

MicrosoftAjaxWebServices.js

MicrosoftAjaxApplicationServices.js

MicrosoftAjaxTemplates.js (New )

MicrosoftAjaxAdoNet.js (New)

Page 27: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET AJAXLearn more:

Come to my ASP.NET AJAX Talk tomorrow @ 12:30

Page 28: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET AJAXCreated by John Resig

Open Source

Microsoft Product support

Included with Visual StudioShipping right now with ASP.NET MVC

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

Supported in Visual Studio 2010

Page 29: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET AJAX

Accordion

AlwaysVisibleControl

Animation

AutoComplete

Calendar

CascadingDropDown

CollapsiblePanel

ConfirmButton

Page 30: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET AJAX

AjaxControlToolkit-ScriptFilesOnly.zip

Page 31: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET AJAX

Page 32: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Overview of Talk

ASP.NET supports several very different types of web applications

ASP.NETWeb Forms

ASP.NET MVC

ASP.NET AJAX

Page 33: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET MVC

Enables a clear separation of concerns

Enables testability including test-driven development

Enables fine-grained control over HTML and JavaScript

Page 34: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Overview of Talk

ASP.NET supports several very different types of web applications

ASP.NETWeb Forms

ASP.NET MVC

ASP.NET AJAX

ASP.NETDynamic Data

Page 35: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET Dynamic Data

DynamicDataManager Control

DynamicHyperLink Control

Field Templates for Email and URL

Support for Inheritance and Many-to-Many Relationships

Entity Templates

Page 36: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

ASP.NET Dynamic Data

Entity Templates

Page 37: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Overview of Talk

ASP.NET supports several very different types of web applications

ASP.NETWeb Forms

ASP.NET MVC

ASP.NET AJAX

ASP.NETDynamic Data

Page 38: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Conclusion

ASP.NET Web Forms 4.0:

Provides you with better control over the front-end user experience

Has several improvements for the source-focused developer

Puts you, the developer, in control of your HTML markup and code

Page 39: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Conclusion

ASP.NET AJAX 4.0

Client-Side Templates and Controls

jQuery

New features coming with the AJAX Control Toolkit

Page 40: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Conclusion

ASP.NET MVC

Enables a clear separation of concerns

Enables testability including test-driven development

Enables fine-grained control over HTML and JavaScript

Page 41: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Conclusion

Page 42: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Resources

• ASP.NET 4.0 and Visual Studio 2010 Web Development Overview

http://www.asp.net/learn/whitepapers/

• CodePlex ASP.NET Previewshttp://www.CodePlex.com/AspNet

• My Bloghttp://StephenWalther.com

Page 43: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience
Page 45: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Related Content

Developing MVC Based Web Apps using ASP.NET MVC – Stephen Walther

ASP.NET Dynamic Data – Harish Ranganathan

ASP.NET AJAX 4.0 – Stephen Walther

Web Development in Microsoft Visual Studio 2010 (Hands-on Lab)

Page 46: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

Track Resources

Resource 1

Resource 2

Resource 3

Resource 4

Page 47: Stephen Walther Microsoft Corporationdownload.microsoft.com/download/F/4/3/F43A79B1-707... · ASP.NET Web Forms 4.0: Provides you with better control over the front-end user experience

© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS,

IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.