ASP.NET has evolved a lot in the last few years with the addition of ASP.NET MVC and Dynamic Data, as well as the continuous improvement of WebForms and ASP.NET AJAX. This session will provide a roadmap of the changes that are coming with ASP.NET 4 and Visual Studio 2010.

1. What’s new in ASP.NET 4?

2. Your presenter for today? Robert MacLean sadev.co.za @rmaclean

3. What to expect

4. Massive Investment - CSS <div> <%--Hidden Content --%> </div> <divclass="aspNetHidden"> <%--Hidden Content --%> </div>

5. Massive Investment - Standards <spanid="chkboxlst"> <inputid="chkboxlst_0"type="checkbox"/> <labelfor="chkboxlst_0">Check Box 1</label> <inputid="chkboxlst_1"type="checkbox"/> <labelfor="chkboxlst_1">Check Box 2</label> <inputid="chkboxlst_2"type="checkbox"/> <labelfor="chkboxlst_2">Check Box 3</label> </span> <ulid="chkboxlst"> <li><inputid="chkboxlst_0"type="checkbox"/> <labelfor="chkboxlst_0">Check Box 1</label></li> <li><inputid="chkboxlst_1"type="checkbox"/> <labelfor="chkboxlst_1">Check Box 2</label></li> <li><inputid="chkboxlst_2"type="checkbox"/> <labelfor="chkboxlst_2">Check Box 3</label></li> </ul>

6. ASP.NET 4 <demo/>

7. CDN’s Web Server Web Server Web Server jQuery 24k jQuery 24k jQuery 24k Browser

8. CDN’s Web Server Web Server Web Server CDN jQuery 24k Browser

9. What does MS CDN offer? jQuery jQuery Validation Ajax Control Toolkit ASP.NET Ajax ASP.NET MVC JavaScript Files

10. Client ID - Predictable <divid="ctl00_ContentPlaceHolder1_ParentPanel"> <divid="ctl00_ContentPlaceHolder1_ParentPanel_NamingPanel1"> <inputid="ctl00$ContentPlaceHolder1$ParentPanel$NamingPanel1$TextBox1" type="text"value="Hello!"/> </div> <divid="ParentPanel1"> <divid="ParentPanel1_NamingPanel1"> <inputid="ParentPanel1_NamingPanel1_TextBox1" type="text"value="Hello!"/> </div>

11. Web.ConfigTransforms Locator Magic (i.e. only one, like custom errors) Match Attributes Partial XPath (Conditions) Full XPath

12. Web.ConfigTransforms Transform Replace Remove RemoveAll Insert SetAttributes RemoveAttributes InsertAfter InsertBefore

13. ASP.NET 4 SCRIPT PREP for demos Open 2 copies of Visual Studio Open IIS and warm it up Open up MVC tools folder Rule 18 Win++

14. New project -> web form,. Point out Standards New project -> empty web project Add files from tools Open weform.aspx, drag on image (Nice to show Document format, Ctrl+K,D) Add id to image [Ctrl+1] Open site.master, drag on jquery Script snippet Add $( to script -> show the intellisense, explain the vsdoc Finish the jquery to enable click on image [Ctrl+2] $(document).ready(function () { $("#vs2010image").click(function () { alert("Visual Studio 2010 Rocks"); }); }); [ 3 SLIDES explaining CDN] Change jQuery to CDN [Ctrl+3] Switch to design mode and drag the scriptmanager on to it (good to show toolbox searching) Properties for scriptmanager and enablecdn Add meta keywords and description (HTML style) to master page [Ctrl+4] Switch to webform Add meta keywords and description (@Page style) [Ctrl+5] F7 to code behind Add meta keywords and description to pageload [Ctrl+6] nice to point out new intellisense feature using this.meta Add two labels and a button to web page [Ctrl+7] Add run time setting of labels [Ctrl+8] if (!IsPostBack) { this.Label1.Text = this.Label2.Text = "Set at runtime"; } DEMO!! Add ViewStateMode="Disabled“ to @Page [Ctrl+9] Add ViewStateMode="Enabled“ to second label [Alt+1] DEMO!! F12, IE Dev Tools, use click and point to second label and show the id of span. Why is this bad? Add ClientIDMode="Static“ to @Page [Alt+2] [1 SLIDE explaining predicatable for looping, table like things – panel/panel/textbox] Drag on chart control – design mode and show types from action button. Go for pie. Properties for chart, ChartArea, 3d, enable 3d, change Inclination to 60 On PageLoad add RandomData to chart [Alt+3] RandomDatarandomData = new RandomData(); Chart1.Series[0].Points.DataBindY(randomData.RandomDouble(10));

15. New project -> MVC No to unit tests Add new area (Blog) from right click on solution Add POSTS model from MVC tools Add POSTS controller, from right click Add folder (Posts) to view FIRST Add view (Index) from right click to posts folder Modifiy the route registration in BlogAreaRegistration.cs [Alt+4] new { controller = "Posts", action = "Index", id = UrlParameter.Optional } Demo!! Add new view- named create. Strongly tie it to the Models.PostModel class and set the view content to Create Show the new labelfor and textboxfor options Now show the PostModel and explain the data validations – Required, StringLength, RegularExpression Add two controller actions for create [ALT+5] point out the new Attribute replacing AcceptVerb attribute public ActionResult Create() { return View(); } [HttpPost] public ActionResult Create(PostModel model) { return View(); } DEMO!!! – add numbers to tags and hit create button. Show the cool validation stuff Explain that text area for content is too small Drag editor templates from Tools, explain ascx control. Explain name and how it ties back to the UIHint attribute in the model Change the textboxfor in the create for body to editorfor DEMO!!!! Add new item – new web form to root and call it list.aspx Drag on grid view, set auto generate select etc.. Set colour F7 code behind – on load add [ALT+6] Open global.asax and before the map routes add the mappageroute [ALT+7] DEMO !!! Jump back to page load and paste in [ALT+8] Next [ALT+9] and explain it won’t work with routes Next {Ctrl+Alt+1] and explain 302 temp Finally [Ctrl+Alt+2] and explain 301 perm DEMO!!! – point out time and talk about caching Add reference (YEAH SPEED) to System.Runtime.Caching Change on load for lists.aspx page to the [CTRL+ALT+3] DEMO!!! - Talk about velocity URL will be http://localhost/Blog/Posts

16. Right click solution and go to package options Explain package web and package SQL – Make sure you untick the include DB on the web page, since the file does not exist Right click build deployment package IIS -> Website -> Import package -> Explain options -> Finish -> Browse Back to VS and web.config (nice to do Ctlr+K,D)-> Show the ARROW Explain the config issue Open the release one and remove first big comment and put [CTRL+ALT+4] there. Replace second big comment and put [CTRL+ALT+5] there. Explain build scenario issue Right click on the solution and go publish, and explain it Publish SLIDES!

17. Questions and Answers Reminder: www.sadev.co.za <questions/>

18. We Want To Hear From You! Connect with Microsoft South Africa's Developer & Platform Group blogs.msdn.com/southafrica twitter.com/msdevsa Microsoft DevsSA Required Slide

19. Required Slide Win a Wireless Entertainment Desktop 8000! Complete your evaluation and enter to win!

20. Submit an Entry Form at the BB&D Stand and Win*!A Dell Netbook valued at R4,000 * Terms & conditions apply

21. © 2010 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.