Transcript
Page 1: Ajax World 08 Asp Net Ajax

Brad [email protected]

http://blogs.msdn.com/bradaMicrosoft

Note: this is an all demo talk, so I will not be going through these slides… they are here for reference only

Page 2: Ajax World 08 Asp Net Ajax

Visual Studio 2008 Web Developer Express-100% Free (as in free beer) -Full development experience (from data to Ajax development and debugging)-Great Editor and Debugger for JavaScript

ColorizerFormattingCross-File IntellisenseWorks with ASP.NET AJAX, jQuery, Prototype, Dojo, YUI, ExtJs, and others…Debugger

-Does not require Windows on the web server or on client OS

Page 3: Ajax World 08 Asp Net Ajax

Visual Studio & jQuery jQuery support in ASP.NET AJAX, ASP.NET MVC,

and Visual Studio Available in October:

jQuery included with ASP.NET MVC download Fully documented jQuery IntelliSense in Visual Studio

and Visual Web Developer Express Update to VS/VWD to support *.debug.js version w/o

reference jQuery to be included in future Visual Studio releases Same experience possible for all frameworks using

Visual Studio documentation format

Page 4: Ajax World 08 Asp Net Ajax

Demo walk through Find the full demo walkthought herehttp://blogs.msdn.com/brada/archive/2008/03/06/mix08-

session-overview-building-great-ajax-applications-from-scratch-using-asp-net-3-5-and-visual-studio-2008.aspx

CSS supportData Access with LINQWeb Services using JSONASP.NET ListView ControlAjax without JavaScriptClient Side Java Script development and debugging in VSAjax Control Toolkit

Page 5: Ajax World 08 Asp Net Ajax

ASP.NET AJAX ClientTemplates JavaScript library to bind data to HTMLSimplifies displaying data returned from Web

ServicesSimple, easy-to-understand syntaxProvides clean separation of Data and UI Interoperable:

Doesn’t require ASP.NETCompatible with other JavaScript frameworks

Page 6: Ajax World 08 Asp Net Ajax

<div id="myTemplate" class="sys-template“>

<h3>{{ Title }}</h3>

Name: <input type="text" value="{{ FirstName + ' ' + LastName }}" /> Date: <input type="text" value="{{ DateOfBirth.format('MM/dd/yyyy') }}"/> Email: <input type="text" value="{ binding Email }"/>

</div>

<script langauge=“text/javascript”> var dv = $create(Sys.UI.DataView, {}, {}, {}, $get(myTemplate)); dv.set_data(userinfo);</script>

Expression Language =JavaScript!

Template Code Not Stored AsString

Two-Way Databinding

Page 7: Ajax World 08 Asp Net Ajax

In Summary Enhance the Visual Studio intellisense experience for

your Javascript library:http://tinyurl.com/MSajax1

Powerful templating you can use today:http://tinyurl.com/MSajax2

Read Step by step walk through:http://tinyurl.com/MSajax3

Ajax Control Toolkithttp://tinyurl.com/MSajax4

Tell me what you think: [email protected]


Top Related