January AJAX_Session 2 Client Side

8/7/2019 January AJAX_Session 2 Client Side

1/19

Microsoft ASP.NET AJAXMicrosoft ASP.NET AJAXClient Side ScriptingClient Side Scripting

XML Script in the newXML Script in the newAJAX Application FrameworkAJAX Application Framework(Formally: Atlas)(Formally: Atlas)


2/19

AgendaAgenda

Overview: ClientOverview: Client vsvs Server ApproachServer ApproachIntro:Intro: WebServiceWebService Bridge SupportBridge Support

Demo: Client Centric AJAX SupportDemo: Client Centric AJAX Support

Extend a Simple Web ServiceExtend a Simple Web Service

Proxy, Proxy, ProxyProxy, Proxy, Proxy(JavaScript and ScriptManager Proxies)

Declarative / Script SupportDeclarative / Script Support

Complex Web ServicesComplex Web Services

ASP.NET AJAX in the MarketASP.NET AJAX in the Market

Resources and ToolsResources and Tools


3/19

ASP.NET AJAXASP.NET AJAX

Web ServerWeb Server

IE

Firefox

Safari

BrowserBrowser

ClientsClients

Atlas ClientAtlas Client

JavaScript LibrariesJavaScript Libraries

AtlasUIGlitz.js

AtlasGadgets.js

AtlasFX.js

AtlasCompat.js

AtlasRuntime.js

JSON Bridge Support

Membership &

Personalization Support

ASP.NET Server Control

Integration

IIS & ASP.NETIIS & ASP.NET

Apache & PHPApache & PHP

ColdFusionColdFusion


4/19

ServerServer--Centric ProgrammingCentric ProgrammingModelModel

ASP.NET

Application

Services

Page

Framework,

Server Controls

Atlas Script FrameworkClient

Application

Services

Component/UI

Framework,

Controls

Browser

PresentationPresentation

(HTML/CSS)(HTML/CSS)

ASP.NET Application

PagesPages

UI BehaviorUI Behavior

(Managed(Managed

Code)Code)

Input Data

Updated UI + Behavior

Initial Rendering

(UI + Behavior)


5/19

ClientClient--Centric ProgrammingCentric ProgrammingModelModel

Browser

PresentationPresentation

(HTML/CSS)(HTML/CSS)

AtlasAtlas

ServiceServiceProxiesProxiesUI BehaviorUI Behavior

(Script)(Script)

ASP.NET

Application

Services

Page

Framework,

Server Controls

ASP.NET Application

PagesPages

WebWeb

ServicesServices

Atlas Script Framework

Client

Application

Services

Component/UI

Framework,

Controls

Initial Rendering

(UI + Behavior)

Data

Data


6/19

My ApplicationMy Application

External ServicesExternal Services

Client

BridgeBridge

ProxyProxy

(Script)(Script)

ExternalExternal

ServiceService

Server

PagesPagesUI + LogicUI + Logic

(HTML +(HTML +

Script)Script)

BridgeBridge

ConfigConfig

InitiateInitiate

RequestRequest

CacheCache

LookupLookup

CreateCreate

ServiceService

RequestRequest

InvokeInvoke

ServiceService

ProcessProcess

ServiceService

ResponseResponse

UpdateUpdate

DisplayDisplay


7/19

Demo: ASP.NET AJAX in ActionDemo: ASP.NET AJAX in ActionEnabling Client Side Scripting and AJAXEnabling Client Side Scripting and AJAX

Extend a Simple Web ServiceExtend a Simple Web Service

Proxy, Proxy, ProxyProxy, Proxy, Proxy(JavaScript and(JavaScript and ScriptManagerScriptManager Proxies)Proxies)

Declarative / Script SupportDeclarative / Script Support

Complex Web Services (Custom Objects)Complex Web Services (Custom Objects)


8/19

Demo: ASP.NET AJAX in ActionDemo: ASP.NET AJAX in ActionUsing Atlas to Enable AJAXUsing Atlas to Enable AJAX


9/19

RoadmapRoadmapPublic developer previews and betasPublic developer previews and betas

http://atlas.asp.nethttp://atlas.asp.net

Updates, sample apps, quickstartsUpdates, sample apps, quickstarts, and documentation, and documentationreleased on an onreleased on an on--going basisgoing basis

Formal release with ASP.NET vFormal release with ASP.NET v--nextnext

Upcoming AdditionsUpcoming Additions

New Controls:New Controls:

RichTextBox, DatePicker, RichTextBox, DatePicker,

New Application Services:New Application Services:

CultureCulture

Support for additional patterns and scenarios:Support for additional patterns and scenarios:Optimized network usage, Component model enhancementsOptimized network usage, Component model enhancements

Improved support for debuggingImproved support for debugging

Enhanced integration with server controls frameworkEnhanced integration with server controls framework


10/19

www.PageFlakes.com


11/19

Squeet.com


12/19

Atlas has enabled Squeet users to

have a rich user experience Youcant ask for a more powerful and

easy-to-use API.

--Hamed Shojaee, President, Axosoft, LLC

Squeet.com


13/19

www.TitleZ.com


14/19

Considering how time-

consuming traditional AJAXcan be to implement, Atlasseems almost like magic!

Arthur Wait, Dev Manager, TitleZ

www.TitleZ.comwww.TitleZ.com


15/19

Component VendorsComponent Vendors

http://blogs.msdn.com/brada/archive/2006/05/06/AtlasControlVendors.aspxhttp://blogs.msdn.com/brada/archive/2006/05/06/AtlasControlVendors.aspx


16/19

Official SiteOfficial Site -- http://ajax.asp.nethttp://ajax.asp.net

IE7 Dev ToolbarIE7 Dev Toolbarhttp://msdn.microsoft.com/iehttp://msdn.microsoft.com/ie

CSS Friendly AdaptersCSS Friendly Adapters

http://www.asp.net/CSSAdapters/http://www.asp.net/CSSAdapters/Firefox Dev ToolbarFirefox Dev Toolbar

https://addons.mozilla.org/firefox/60/https://addons.mozilla.org/firefox/60/

FiddlerFiddler http://www.fiddlertool.comhttp://www.fiddlertool.com

eso rces Toolseso rces Tools


17/19

Resources + ToolsResources + Tools


18/19

Sign Up / Register Now!Sign Up / Register Now!

http://www.toaTalks.nethttp://www.toaTalks.net

http://www.CodeZone.comhttp://www.CodeZone.com

http://msdn.microsoft.com/flashhttp://msdn.microsoft.com/flashhttp://www.msdnEvents.comhttp://www.msdnEvents.com

S N EventsS N Eventshttp://www.msdnEvents.comhttp://www.msdnEvents.com

January AJAX_Session 2 Client Side

Documents