New Features of ASP.NET 4.0
- 1. New Features of ASP.NET 4.0Buu Nguyen, MVP (ASP.NET)www.buunguyen.net/[email protected] Confidential1
- 2. AgendaASP.NET Web Forms 4.0ASP.NET AJAX 4.0ASP.NET MVC 2.0ASP.NET Dynamic Data
- 3. ASP.NET Web Forms 4.0
- 4. Web Forms 4.0SEO ImprovementsClean HTMLChart Control
- 5. Meta TagsAvailable in Page directive & Page objectsetout
- 6. RoutingTired of ugly URLs yet?Routing to rescuehttp://server/songs.aspx?genre=rockhttp://server/albums.aspx?year=2010&month=4&day=12http://server/songs/rockhttp://server/albums/2010/4/12
- 8. Meta Tags & Routing Demo
- 9. Web Forms 4.0SEO ImprovementsClean HTMLChart Control
- 10. Client IDs before 4.0Microsoft Confidential10Not so CSS-friendly and JS-friendly!!!
- 11. Client IDs in ASP.NET 4.0ClientIDMode gives developers controlCan be specified at different levelsmachine.config and web.configPageControl
- 12. ClientIDMode
- 13. Client IDs Demo
- 14. Semantically Correct MarkupRendering versionMenu control generates <ul>, <li>CheckBoxList’s and RadioButtonList’sRepeatLayout now has 4 valuesTable (old)Flow (old)OrderedList (new)UnorderedList (new)Many other small improvements
- 15. Web Forms 4.0SEO ImprovementsClean HTMLChart Control
- 16. Chart Control35 chart types3-D supportAjax supportData bindingStatistical formulaeHighly customizabilityAppearance & data serialization
- 20. ASP.NET AJAX 4.0
- 21. The ASP.NET AJAX Family
- 22. ASP.NET Ajax LibraryJavaScript libraryServer-side platform agnosticInclude Ajax Control Toolkit (with client-side support)Tight integration with the “adopted” jQuerySupport client-side template with DataViewProvide script loaderSupport invoking web servicesWork seamlessly with ASP.NET servicesReleased separately from ASP.NET and VS.NETLatest version: 0911 betahttp://ajax.codeplex.comMicrosoft Confidential22
- 23. Using Client ControlsAll ACT controls now available at client-sideAlso known as “Client Controls”Also exposed as jQuery’s pluginsMicrosoft Confidential23
- 24. Script LoaderManage scripts & dependenciesDetect script duplicationLoad scripts in parallelEnable lazy script loadingMicrosoft Confidential24
- 25. Client Controls & Script Loader Demo
- 26. DataViewA JavaScript component allowing JSON data to be bound to an HTML templateSupport 2-way binding, master-detail, and conditional renderingCan retrieve data from local or services (e.g. ASMX, WCF, and WCF Data Services etc.)Microsoft Confidential26
- 27. DataView Demo
- 28. ASP.NET MVC 2.0
- 29. Technology StackASP.NET Web FormsASP.NET MVCASP.NET Framework(Configuration, Security, Membership, Roles, Profiles, Routing, Caching, Session, Application State, Cookie, .aspx/.ascx/.asax/.master files etc..NET Framework
- 30. MVC 2.0Separation of ConcernsModel-based ValidationModel RenderingScalability
- 31. AreasAllow an MVC app to have multiple “areas”Like sub-projects although sharing 1 appEach area defines its routesMicrosoft Confidential31
- 32. Partial ActionRender partial might cause coupling except for no-model partial viewPartial action to rescue: invoke action which renders UIMicrosoft Confidential32
- 33. MVC 2.0Separation of ConcernsModel-based ValidationModel RenderingScalability
- 34. Model ValidationModel validation in MVC 1.0 is ad-hocxVal (http://xval.codeplex.com)ASP.NET MVC Validation Library (http://aspmvcvalidation.codeplex.com/) ASP.NET MVC 2.0 solves this nicelyClient-side and server-side validationProvider for Data Annotations on server-sideAdapters jQuery and MS AJAX on client-side
- 37. MVC 2.0Separation of ConcernsModel-based ValidationModel RenderingScalability
- 38. Strongly-Typed Helpers1.0 Way2.0 Way
- 39. Model TemplatesASP.NET can render model based metadata provided by developersBuilt-in templates for data typesBuilt-in provider for Data AnnotationsData Annotations attributesDisplayName, HiddenInput, DataType, ReadOnly, ScaffoldColumn, DisplayFormat, and UIHint
- 42. Custom TemplatesMVC is shipped with built-in templatesCan override templates easily
- 44. MVC 2.0Separation of ConcernsModel-based ValidationModel RenderingScalability
- 45. Asynchronous ControllerNo blocking-thread during IO/network-bound operation => improved throughputSource: http://msdn.microsoft.com/en-us/library/ee728598%28VS.100%29.aspx
- 47. Dynamic Data
- 48. OverviewBuilt-in page, entity, field and filter templatesEasy to customize or add new templatesDeclarative validation and renderingIntegrated with ASP.NET Web Forms and MVC applications
- 50. References50
- 51. ASP.NET Web Forms 4.0URL Routinghttp://weblogs.asp.net/scottgu/archive/2009/10/13/url-routing-with-asp-net-4-web-forms-vs-2010-and-net-4-0-series.aspxClient IDshttp://weblogs.asp.net/scottgu/archive/2010/03/30/cleaner-html-markup-with-asp-net-4-web-forms-client-ids-vs-2010-and-net-4-0-series.aspxChart Control http://www.4guysfromrolla.com/articles/072209-1.aspxSEO Improvementshttp://weblogs.asp.net/scottgu/archive/2010/01/05/asp-net-4-seo-improvements-vs-2010-and-net-4-0-series.aspx
- 52. ASP.NET AJAX 4.0Libraries & source code for Ajax Libraryhttp://ajax.codeplex.comTutorials & sample apps for Ajax Libraryhttp://www.asp.net/ajaxlibraryMicrosoft Ajax CDNhttp://www.asp.net/ajaxLibrary/cdn.ashxMicrosoft Ajax Minifier 4.0http://aspnet.codeplex.com/releases/view/40584
- 53. ASP.NET MVC 2.0Model validationhttp://weblogs.asp.net/scottgu/archive/2010/01/15/asp-net-mvc-2-model-validation.aspxModel Templateshttp://bradwilson.typepad.com/blog/2009/10/aspnet-mvc-2-templates-part-1-introduction.htmlStrongly-typed Helpershttp://weblogs.asp.net/scottgu/archive/2010/01/10/asp-net-mvc-2-strongly-typed-html-helpers.aspxAreashttp://msdn.microsoft.com/en-us/library/ee671793%28VS.100%29.aspxAsynchronous Controllerhttp://msdn.microsoft.com/en-us/library/ee728598%28VS.100%29.aspx
- 54. ASP.NET Dynamic DataDynamic Data Presentation Layer Customizationhttp://msdn.microsoft.com/en-us/library/ee211433%28VS.100%29.aspxDynamic Data Schema Customizationhttp://msdn.microsoft.com/en-us/library/ee225428%28v=VS.100%29.aspx
Editor's Notes
- #9: Global.asax -> Default.aspx -> Songs.aspx
- #14: ClientID.aspxClientID_Predictable.aspx->AutoID -> Static -> Predictable
- #20: Chart.aspx- Switch chart type: Column, Bar, Pie, LineChart_Programmatic.aspxMicrosoft Chart SamplesChart Types / Area Charts / 3D AreaChart Types / Advanced Financial Charts / StockAppearance / 3D PerspectiveInteractivity & Ajax / AJAX / Real Time Chart
- #26: ClientControls.aspx
- #28: DataView.aspxDataViewRemote.aspx2_DataContext/1_WCF_SaveChanges.htm
- #37: RegisterLogon
- #42: Account/Register.ascxBlogEntry/Entry.ascxAccount/Show.ascx
- #44: Account/Register.ascxBlogEntry/Entry.ascxAccount/Show.ascx
- #47: Master.aspxTwitterControllerTweetBox
- #50: Build from scratch and apply some customizations:1.namespace DynamicData.Models{ [MetadataType(typeof(TrackMetadata))] public partial class Track { } public class TrackMetadata { [StringLength(48)] public string Name { get; set; } [ScaffoldColumn(false)] public bool Bytes { get; set; } }}2.using System;using System.ComponentModel.DataAnnotations;namespace DynamicData.Models{ [MetadataType(typeof(InvoiceMetadata))] public partial class Invoice { } public class InvoiceMetadata { [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}")] public DateTimeInvoiceDate { get; set; } }}3.List.aspx move to CustomPages/Tracks