Programming AJAX with the ASP.

NET AJAX
1/2/2007
Control Toolkit

Programming AJAX with the ASP.NET

AJAX Control Toolkit

David McCarter

About David McCarter

Lead Developer/ Analyst

VSDN Tips & Tricks .NET Coding Standards
www.cafepress.com/vsdntips
Visual Studio .NET Tips & Tricks
www.vsdntips.com
San Diego .NET Developers Group
www.sddotnetdg.org
UCSD Class
Programming AJAX with the ASP.NET AJAX
Control Toolkit
January 22nd (6 meetings)
http://dotnetdaveclasses.notlong.com
© 2007 David McCarter 2

© 2007 David McCarter 1

Programming AJAX with the ASP.NET AJAX
1/2/2007
Control Toolkit

Agenda

Overview
Server Centric Ajax Development
with ASP.NET AJAX
Demos!
Resources

© 2007 David McCarter 3

Overview

© 2007 David McCarter 2

Programming AJAX with the ASP.NET AJAX
1/2/2007
Control Toolkit

What is ASP.NET AJAX (Atlas)?

A framework for building a new

generation of richer, interactive,
personalized standards-based web
applications
High-productivity platform for
AJAX-style browser applications
Script component model and UI
framework for browser-based web
applications
Rich suite of components, controls,
and behaviors to make Ajax easy
© 2007 David McCarter 5

What is ASP.NET AJAX (Atlas)?

Seamlessly integrate with Microsoft platform

and application model
Easily leverages services and components hosted
in ASP.NET
Delivers ubiquitous reach and easy
deployment
Works with IE, FireFox, Safari web clients – no
client install required
Based on existing standards – DHTML, JScript, CSS
Enable world-
world-class tools for AJAX-
AJAX-style
application development
Will be integrated with web authoring tools for
developers and designers
Next release of VS will provide richer scripting
toolset (debugging, tracing, etc)
© 2007 David McCarter 6

© 2007 David McCarter 3

Programming AJAX with the ASP.NET AJAX
1/2/2007
Control Toolkit

ASP.NET AJAX Scenarios

Server-
Server-centric Ajax Web Development
Incremental Ajax approach to add UI enrichment for
key scenarios
Enrich applications without lots of JavaScript code
required
Enable you to keep core UI/Application logic on
server (VB/C#)
Client-
Client-centric Ajax Web Development
Leverage full power of script/DHTML
Provide richer and more interactive user experience
Build mash-
mash-ups, gadgets and other new immersive
experiences
Atlas provides a great Ajax framework for both
server and client centric Ajax development
scenarios
© 2007 David McCarter 7

Server-Centric Programming Model

Browser ASP.NET Application

Initial Rendering
Pages
Presentation
(UI + Behavior)
(HTML/CSS)
Input Data
UI Behavior
Updated UI + Behavior (Managed
Code)

Atlas Script Framework ASP.NET

Component/UI Client Page
Application
Framework, Application Framework,
Services
Controls Services Server Controls

© 2007 David McCarter 8

© 2007 David McCarter 4

Programming AJAX with the ASP.NET AJAX
1/2/2007
Control Toolkit

Client-Centric Programming Model

Browser ASP.NET Application

Presentation Initial Rendering

(HTML/CSS) Pages
(UI + Behavior)
“Atlas”
Atlas”
Service Data
UI Behavior Proxies Web
(Script) Data Services

Atlas Script Framework ASP.NET

Component/UI Client Page
Application
Framework, Application Framework,
Services
Controls Services Server Controls

© 2007 David McCarter 9

Server Centric Ajax Development

with ASP.NET AJAX

© 2007 David McCarter 5

Programming AJAX with the ASP.NET AJAX
1/2/2007
Control Toolkit

<Ajax:> Server Controls

Goal: Easily enhance any ASP.NET web

application
Application UI and core logic still runs on server
Avoid need to master JavaScript and asynchronous
programming
Use AJAX techniques to reduce roundtrips
Enable incremental page UI updates (avoid full page
refreshes)
Scenarios: data navigation and editing, form
validation, auto refresh

© 2007 David McCarter 11

<Ajax:> Server Controls

Enable richer interactivity for existing

ASP.NET controls
Use the same controls, object model and events
you already know
Extenders to add Atlas behaviors to many ASP.NET
controls

© 2007 David McCarter 12

© 2007 David McCarter 6

Programming AJAX with the ASP.NET AJAX
1/2/2007
Control Toolkit

What You Need

ASP.NET AJAX 1.0 RC

Base controls needed for AJAX
ASP.NET AJAX Control Toolkit
Contains powerful samples and components that
make it easy to add client-
client-side functionality to your
ASP.NET Web site
ASP.NET 2.0 AJAX Futures December CTP
Provides additional features and functionality that
work alongside the ASP.NET AJAX core

© 2007 David McCarter 13

DEMOS!

© 2007 David McCarter 7

Programming AJAX with the ASP.NET AJAX
1/2/2007
Control Toolkit

Other Resources

ASP.NET Ajax Website

Has links to all required downloads, sample site,
documentation and forums
http://ajax.asp.net/

© 2007 David McCarter 15

Questions?

Blog:
blog.davidmccarter.net
Book:
cafepress.com/vsdntips
Geek Swag
cafepress.com/geekmusicart

© 2007 David McCarter 16

© 2007 David McCarter 8