Naresh Information Technologies
Nagaraju Bende
[Link]
Agenda
[Link] AJAX Architecture of [Link] AJAX Installations Visual Studio for [Link] AJAX Understanding ScriptManager control Working with UpdatePanel control Demos
[Link]
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
[Link]
What is [Link] 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 [Link].
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 [Link] pages and server controls Allows access to [Link] web services and components
Standards-Based: Works Cross-Browser!
[Link]
[Link] AJAX Architecture
HTML, Script, [Link] AJAX Markup [Link] AJAX Service Proxies [Link] AJAX -enabled [Link] Pages Web Services
(ASMX or WCF)
Microsoft AJAX Library (Client Script Library) Controls, Components [Link] AJAX Client App Services Local Store Script Core Browser Integration Browser Compatibility Component Model and UI Framework Base Class Library
[Link] AJAX Server Extensions App Services Bridge Web Services Bridge
[Link] AJAX Server Controls
[Link] 2.0 Page Framework, Server Controls
Application Services
[Link] AJAX Client Framework & Services
[Link] AJAX Server Framework [Link]
Installations
No Special Installations now For [Link] 2.0 use old archives from [Link]
[Link]
[Link] 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#) [Link] 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
[Link]
Server-Centric Programming Model
Browser Application Initial Rendering (UI + Behavior) Input Data Updated UI + Behavior [Link] Application
Pages
Presentation (HTML/CSS)
UI Behavior (Managed Code)
[Link] AJAX Script Framework
Component/UI Framework, Controls Client Application Services
[Link]
Page Framework, Server Controls Application Services
[Link]
Client-Centric Programming Model
Browser Application
Presentation (HTML/CSS) [Link] AJAX Service Proxies
[Link] Application Initial Rendering (UI + Behavior) Data Data
Web Services
Pages
UI Behavior (Script)
[Link] AJAX Script Framework
Component/UI Framework, Controls Client Application Services
[Link]
Page Framework, Server Controls Application Services
[Link]
Creating an AJAX-enabled web app
Create a new web site of type [Link] AJAXenabled Web Site
only difference is [Link]
Build web application as before
drag-drop controls, master pages, etc. drop controls inside UpdatePanel when you want AJAX-style behavior
[Link]