The Microsoft Technical Roadshow 2007 AJAX Development Mike Ormond Developer & Platform Group Microsoft Ltd

Session Roadmap AJAX – Rich Web Applications The ASP.NET AJAX Extensions The ASP.NET AJAX Control Toolkit Other Framework Bits Visual Web Developer Orcas

Recap - ASP.NET 2.0 Themes Dramatically reduce concepts, lines of code required Deliver an awesome Visual Studio Web tool experience Enable rich Web scenarios not possible today Developer Productivity Replace/extend all built-in features + services Customize for any enterprise environment Extensible Platform Easiest platform to manage and administer Administration and Management The world’s fastest Web application server Performance and Scalability

Communication (XMLHttpRequest) Asynchronous Client side processing DHTML JavaScript Data Exchange Format (JSON, HTML etc) XML What is AJAX?

The AJAX Experience

Show and Tell – AJAX Extensions Client Components Client Components Server Components Server Components ASP.NET AJAX Extensions ASP.NET 2.0

Essence of ASP.NET AJAX v1.0 ASP.NET AJAX Extensions Server Controls Core Script Framework Extender Control Framework Networking and Services Integration

Server Controls UpdatePanel UpdateProgress ScriptManager ScriptManagerProxy Timer

ASP.NET AJAX Project Template Using the Server Controls

UpdatePanel Under the Covers Client script processes “delta” response Updates rendering with new markup Server processes a regular post-back Same page lifecycle, post-back processing Only render content of UpdatePanels needing update Client script suppresses normal form submit Simulates post-back via XMLHttpRequest All form fields, including view state

UpdatePanel Under the Covers

Script Core Core Script Framework Classes and interfaces Inheritance Virtual methods Multi-cast event handlers similar to.NET Enumerations Abstract methods Base Class Library StringbuilderSerializer Debugging & Tracing Networking Browser Compatibility Safari Firefox Opera IE

Working With Types Register Types Using Methods on the ‘Type’ Class Type.registerNamespace Type.registerClass Type.registerInterface Type.registerEnum Enables Object Oriented Capabilities Supports Single Inheritance

Extender Control Framework Enhance ASP.NET controls with client behaviors Add to an ASP.NET page to control the client behaviour of a targeted Web server control Handle events from the browser Document Object Model (DOM) using a client behaviour Creating Extenders Either –Inherit the ExtenderControl Abstract Class –Implement the IExtenderControl interface Create JavaScript File for Client behaviour

Extender Controls

Networking and Services Authentication Service Profile Service ASP.NET Application Services

Web Services ScriptManager Handles WebService Access Server ASMX Requirements Reference to Microsoft.Web.Script.Services [ScriptService] Attribute on Class Inline Methods on ASPX can be called as Web Services Add [WebMethod] Attribute to Method

Calling Services

Show and Tell – Control Toolkit Client Components Client Components Server Components Server Components ASP.NET AJAX Extensions ASP.NET 2.0 ASP.NET AJAX Control Toolkit Controls Extenders

ASP.NET AJAX Control Toolkit Rich library of sample controls and extenders Ready to go samples Full source code & documentation SDK to simplify creating your own custom controls and extenders Not supported by Microsoft This is a community project on CodePlex Not supported by Microsoft This is a community project on CodePlex Toolkit Controls AccordionNoBot AlwaysVisibleControlNumericUpDown AnimationPagingBulletedList CascadingDropDownPasswordStrength CollapsiblePanelPopupControl ConfirmButtonRating DragPanelReorderList DropDownResizableControl DropShadowRoundedCorners DynamicPopulateSlider FilteredTextBoxTextBoxWatermark HoverMenuToggleButton ModalPopupUpdatePanelAnimation MutuallyExlcusiveCheckBoxValidatorCallout

ASP.NET AJAX Control Toolkit

Other Host Show and Tell – There’s More… ASP.NET Futures CTP Microsoft AJAX Library Client Components Client Components Server Components Server Components ASP.NET AJAX Extensions ASP.NET 2.0 ASP.NET AJAX Control Toolkit Controls Extenders

Master Pages Nested web.config Properties etc in Source View Fast Souce / Design switching Unified Undo / Redo Stack Master Pages Nested web.config Properties etc in Source View Fast Souce / Design switching Unified Undo / Redo Stack Expression Web Technology Split View CSS Style Management CSS Properties View Expression Web Technology Split View CSS Style Management CSS Properties View JavaScript Intellisense Eg function signatures JavaScript Intellisense Eg function signatures JavaScript Intellisense Type inference JavaScript Intellisense Type inference JavaScript Debugging aspx script JavaScript Debugging aspx script JavaScript Intellisense Comment summaries JavaScript Intellisense Comment summaries Visual Studio Orcas

Summary ASP.NET AJAX Extensions Server Controls Core Script Framework Extender Control Framework Web Services Integration ASP.NET AJAX Control Toolkit Orcas Visual Web Developer

© 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS SUMMARY.