Patrocinadores. Web Platforms. DEV002 The Microsoft Web Story. Jeff Prosise Cofounder, Wintellect ASP.NET 2.0 ASP.

Size: px

Start display at page:

Download "Patrocinadores. Web Platforms. DEV002 The Microsoft Web Story. Jeff Prosise Cofounder, Wintellect ASP.NET 2.0 ASP."

Ambrose Gibson
6 years ago
Views:

com Cofounder, Wintellect Patrocinadores Web

NET AJAX Control-centric programming model, rich

1 DEV002 The Microsoft Web Story Jeff Prosise Cofounder, Wintellect Patrocinadores Web Platforms ASP.NET 2.0 ASP.NET AJAX Control-centric programming model, rich services and features WPF/E Better user experience, greater efficiency Extreme richness and interactivity

2 ASP.NET 2.0 State-of-the-art platform for Web apps Control-based programming model facilitates rich, interactive design scenarios Myriad features and services provide boilerplate functionality and decrease time-tomarket Async programming models and other features enable sites to be highly scalable Stable, performant, and scalable Controls Controls provide rich programming model Controls instantiated declaratively or imperatively Controls render markup and fire events Event handlers on server process events and leverage rich server-side object model Approx. 75 controls "in the box" in 2.0 TextBox, DropDownList, BulletedList, etc. GridView, DetailsView, Menu, TreeView, etc. Drag-and-drop design paradigm in VS Features and Services Membership and role management Session state, profiles, and other state management services Data-driven site navigation Caching services for high performance Declarative data access (2-way) Master pages and more Scalability Asynchronous programming models Asynchronous pages Asynchronous HTTP handlers Asynchronous HTTP modules Asynchronous Web services Web-farm-compatible state storage SQL Server session state Session-state partitioning Apps can be highly scalable 2

3 ASP.NET 2.0 ASP.NET AJAX Framework for AJAX-enabled Web apps Cross-platform, browser-indepedent Increased productivity, less time to market Highly extensible Two major components Microsoft AJAX Library (client) ASP.NET 2.0 AJAX Extensions (server) Integrated with ASP.NET 2.0 on server Can be used with PHP, ColdFusion, etc. Architecture ASP.NET AJAX Extensions Client XHTML/CSS Server Scripts Microsoft AJAX Library Base Class Library Script Core Library Asynchronous Communications Browser Compatibility Browsers (IE, Firefox, Safari, others) Server ASPX ASMX ASP.NET 2.0 AJAX Extensions Application Services Bridge AJAX Server Controls Asynchronous Communications ASP.NET 2.0 Page Application Framework and Services Server Controls Browser-agnostic but not platform-agnostic Controls abstract Microsoft AJAX Library ScriptManager, UpdatePanel, and others Emit content that leverages the client-side fx Familiar drag-and-drop design paradigm Built-in Web services provide bridge to key ASP.NET 2.0 application services ASMX extensions enable Web services to be called through JavaScript proxies 3

4 Server Controls Microsoft AJAX Library Script Management ScriptManager ScriptManager- Proxy Partial-Page Rendering UpdatePanel Update- Progress Timer Futures CTP DragOverlay- Extender ProfileService Browser-agnostic and platform-agnostic Internet Explorer, Firefox, Opera, Safari, etc. Leverage it from PHP and other platforms Enhances JavaScript with type system Namespaces, classes, interfaces, etc. Includes core classes plus base class library (BCL) Packaged in *.js files downloaded to clients JavaScript Files MicrosoftAjax.js Internet Explorer MicrosoftAjax.js MicrosoftAjax- WebForms.js 15K 7K Script Core Library (run-time + framework) Partial-page rendering Sys.Services _ProfileService ProfileGroup Sys.Serialization Sys String- Builder _Debug Sys.Net WebRequest- Executor XMLHttp- EXecutor JavaScript- Serializer Sys.UI DOMElement DOMEvent Firefox MicrosoftAjaxTimer.js Sys.UI._Timer class EventArgs _WebRequest- Manager _Authentication- Service Behavior Safari PreviewScript.js PreviewGlitz.js Base Class Library (controls, XML script, etc.) UI enhancements (animation and opacity) Component _Application CultureInfo WebRequest WebService- Proxy WebService- Error Control Point Bounds PreviewDragDrop.js Drag-and-drop _Timer 4

PreviewScript.js Division of Features ServiceMethod- Request Sys.

Counter Sys.Preview.UI Color Validator Label Button CheckBox TextBox Selector Sys.

Data DataColumn DataRow DataTable DataView DataFilter DataSource DataControl

"Preview" features not in core Still under development but available for use ASP.

5 PreviewScript.js Division of Features ServiceMethod- Request Sys.Preview BindingBase Binding Action InvokeMethod- Action SetProperty- Action Timer Counter Sys.Preview.UI Color Validator Label Button CheckBox TextBox Selector Sys.Preview.Data Sys.Preview.UI.Data DataColumn DataRow DataTable DataView DataFilter DataSource DataControl DataNavigator ItemView ListView XSLTView Namespaces Profile Core framework (ASP.NET AJAX) Core features of ASP.NET AJAX Stringently tested, 24x7 support Value-Add features (Futures CTP) "Preview" features not in core Still under development but available for use ASP.NET AJAX Control Toolkit Heavily tested; suitable for production servers Community-owned and driven ASP.NET AJAX Control Toolkit More controls, plus SDK for custom controls Community-owned and driven, shared source ASP.NET AJAX 5

6 WPF/E "WPF/Everywhere" Microsoft's upcoming platform for rich, highly interactive Web experiences Cross-platform (browsers and OSes) XAML-based (subset of WPF XAML) Targeted availability: Q Browser plug-in with JavaScript API Platforms (Feb CTP) Browsers Internet Explorer 6 and 7 (Windows) Firefox , 2.0+ (Windows and Mac) Safari (Mac) Operating systems Windows XP SP2, Vista Mac OS X ( ) Opera support coming soon (probably) WPF/E Architecture WPF/E Presentation Runtime Native DOM API JavaScript DOM API XAML Media Support (Audio/Video) Presentation Core Browser Plug-In Components of a Page WPF/E Plug-in ActiveX control for Internet Explorer Traditional plug-in for other browsers aghost.js Host-independent wrapper for WPF/E plug-in HTML and JavaScript Import aghost.js and instantiate plug-in XAML Operating System (Windows, Mac) 6

7 Page Structure Hello.xaml <script type="text/javascript" src="aghost.js"></script> <div id="wpfediv"></div> <script type="text/javascript"> new aghost( "WpfeDiv", // DIV ID "wpfecontrol", // Control ID "100%", // Width "100%", // Height "white", // Background color null, // XAML source element "Hello.xaml", // XAML file "false", // IsWindowless "30", // MaxFrameRate null // Error handler ); </script> <Canvas Width="300" Height="300" xmlns=" xmlns:x=" <TextBlock FontSize="24pt">Hello, WPF/E!</TextBlock> </Canvas> Building Dynamic UIs <Rectangle Canvas.Left="50" Canvas.Top="50" Width="300" Height="200" Stroke="Black" StrokeThicknes="10" Fill="Yellow" MouseLeftButtonDown="javascript:onClick" /> WPF/E function onclick(sender, args) { sender.fill = "Red"; // Change fill color window.alert(args.x); // X coordinate relative to root canvas window.alert(args.y); // Y coordinate relative to root canvas } 7

Expression Studio Tools for building rich content Web: CSS, XHTML, ASP.

Design: Graphic design Media: Digital media http://www.microsoft.

Complete o questionário de avaliação e devolva-o no balcão da recepção.

8 Expression Studio Tools for building rich content Web: CSS, XHTML, ASP.NET Blend: Video, vector graphics, animation, etc. Design: Graphic design Media: Digital media products/expression/en/ default.mspx Questionário de Avaliação Passatempo! Complete o questionário de avaliação e devolva-o no balcão da recepção. Habilite-se a ganhar uma Xbox 360 por dia! DEV002 The Microsoft Web Story 2007 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary. 8

dotnettips.com 2009 David McCarter 1

dotnettips.com 2009 David McCarter 1 David McCarter About David McCarter Microsoft MVP David McCarter s.net Coding Standards http://codingstandards.notlong.com/ dotnettips.com 700+ Tips, Tricks, Articles, Links! Open Source Projects: http://codeplex.com/dotnettips