1. Brad Abrams
brada@microsoft.com
http://blogs.msdn.com/brada
Microsoft
Note: this is an all demo talk, so I will not be going through these slides… they are
here for reference only

2. 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
Colorizer
Formatting
Cross-File Intellisense
Works with ASP.NET AJAX, jQuery, Prototype, Dojo, YUI, ExtJs, and others…
Debugger
-Does not require Windows on the web server or on client OS

3. 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

4. Demo walk through
 Find the full demo walkthought here
http://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 support
Data Access with LINQ
Web Services using JSON
ASP.NET ListView Control
Ajax without JavaScript
Client Side Java Script development and debugging in VS
Ajax Control Toolkit

5. ASP.NET AJAX Client
Templates
 JavaScript library to bind data to HTML
 Simplifies displaying data returned from Web
Services
 Simple, easy-to-understand syntax
 Provides clean separation of Data and UI
 Interoperable:
 Doesn’t require ASP.NET
 Compatible with other JavaScript frameworks

6. Template Code Not Stored As
<div id=quot;myTemplatequot; class=quot;sys-template“> String
Expression Language =
<h3>{{ Title }}</h3>
JavaScript!
Name: <input type=quot;textquot; value=quot;{{ FirstName + ' ' + LastName }}quot; />
Date: <input type=quot;textquot; value=quot;{{ DateOfBirth.format('MM/dd/yyyy') }}quot;/>
Email: <input type=quot;textquot; value=quot;{ binding Email }quot;/>
</div> Two-Way Databinding
<script langauge=“text/javascript”>
var dv = $create(Sys.UI.DataView, {}, {}, {}, $get(myTemplate));
dv.set_data(userinfo);
</script>

7. 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 Toolkit
http://tinyurl.com/MSajax4
 Tell me what you think: BradA@Microsoft.com