Naresh Information Technologies

Nagaraju Bende
http://nbende.wordpress.com

Agenda
ASP.NET AJAX Architecture of ASP.NET AJAX Installations Visual Studio for ASP.NET AJAX Understanding ScriptManager control Working with UpdatePanel control Demos

http://nbende.wordpress.com

Using AJAX Benefits and Concerns

Benefits Richer application functionality Better end-user experiences Decreased bandwidth utilization Improved scalability Concerns Increased complexity for developers Increased attack surface

http://nbende.wordpress.com

What is ASP.NET AJAX?

A Framework for building Richer, more Interactive, Standards-based Web Experiences StandardsHigh Productivity AJAX Development Framework
Fewer concepts, fewer lines of code Application and UI building blocks for common scenarios Works/builds on Top of ASP.NET.

Easy to Author, Debug, and Maintain

Clean separation of content, style, behavior, and code Well integrated with design and development tools

Seamlessly integrated application model

Works with ASP.NET pages and server controls Allows access to ASP.NET web services and components

Standards-Based: Works Cross-Browser!

http://nbende.wordpress.com

ASP.NET AJAX Architecture

HTML, Script, ASP.NET AJAX Markup ASP.NET AJAX Service Proxies ASP.NET AJAX -enabled ASP.NET Pages Web Services
(ASMX or WCF)

Microsoft AJAX Library (Client Script Library) Controls, Components ASP.NET AJAX Client App Services Local Store Script Core Browser Integration Browser Compatibility Component Model and UI Framework Base Class Library

ASP.NET AJAX Server Extensions App Services Bridge Web Services Bridge

ASP.NET AJAX Server Controls

ASP.NET 2.0 Page Framework, Server Controls

Application Services

ASP.NET AJAX Client Framework & Services

ASP.NET AJAX Server Framework http://nbende.wordpress.com

Installations

No Special Installations now For ASP.NET 2.0 use old archives from http://www.asp.net

http://nbende.wordpress.com

ASP.NET AJAX Scenarios

Server-centric Ajax Web Development
Incremental Ajax approach to add UI enrichment Enrich Applications without lots of Javascript Code Keep core UI/Application logic on server (VB/C#) ASP.NET AJAX provides a great Ajax framework for both scenarios and today Client-centric Ajax Web Development with 4.0 it is very very very rich Leverage full power of script/DHTML Provide richer and more interactive user experience Build mash-ups, gadgets and other new immersive experiences

http://nbende.wordpress.com

Server-Centric Programming Model

Browser Application Initial Rendering (UI + Behavior) Input Data Updated UI + Behavior ASP.NET Application
Pages

Presentation (HTML/CSS)

UI Behavior (Managed Code)

ASP.NET AJAX Script Framework

Component/UI Framework, Controls Client Application Services

ASP.NET
Page Framework, Server Controls Application Services

http://nbende.wordpress.com

Client-Centric Programming Model

Browser Application
Presentation (HTML/CSS) ASP.NET AJAX Service Proxies

ASP.NET Application Initial Rendering (UI + Behavior) Data Data

Web Services

Pages

UI Behavior (Script)

ASP.NET AJAX Script Framework

Component/UI Framework, Controls Client Application Services

ASP.NET
Page Framework, Server Controls Application Services

http://nbende.wordpress.com

Creating an AJAX-enabled web app

Create a new web site of type ASP.NET AJAXenabled Web Site
only difference is web.config

Build web application as before

drag-drop controls, master pages, etc. drop controls inside UpdatePanel when you want AJAX-style behavior

http://nbende.wordpress.com