VS Whidbey: IDE features for building ASP.NET applications

VS Whidbey: IDE features for building ASP.NET applications
Agenda
Design goals
Area drill-downs and demos
Summary
VS “Whidbey” Web Themes
Provide the best tool for building ASP.NET applications
Project system geared for web development
Build the richest source editor for ASP.NET and HTML
Improve designer surface for common visual tasks – page layout, control editing
Faster Web development
“Whidbey” Project System
Geared for web development
Edit Web Sites Anywhere
No setup required to do Web development
IIS and FPSE supported but not required
Built in development server for debugging
Several options for editing web sites
Filesystem – c:\web or \\server\web
Direct manipulation of Local IIS (no FPSE)
FTP
Frontpage Server Extensions
Web Friendly Project System
Directory based web project system
Better team development
No project file locking between users
No duplication of project file data
Simple point-and-open folder editing enables interoperability
Single file editing
No project required
Intellisense and designer support
Remote Site Publishing
Support for FTP, UNC, or FPSE protocols
Visual tool for copying files to/from remote site
Supports copy of full site, or selected files
Copy each direction or two way synchronize
Visually identify local and remote changes
Detects issues and provides conflict resolution

“Whidbey” Project System
“Whidbey” Source Editor
Meets all of your needs
Intellisense Everywhere!
HTML and ASPX markup
Directives - <@Page, <@Register,…
Inline code within ASPX / HTML
Client VBScript and Jscript in <script> blocks
<script runat=server> sections in ASPX file
<% %> blocks in ASPX file
Inline CSS styles
Web.config
XML files
You Have Total Control
Tools to quickly navigate your code
Tag navigator
Outlining for HTML / ASPX tags
Document outline
Drop-downs for navigation
Inline client script
Server code

You Have Total Control
Tools to quickly navigate your code
Tag navigator
Outlining for HTML / ASPX tags
Document outline
Drop-downs for navigation
Inline client script
Server code
Get code to look exactly the way you like
Full control over formatting rules
Allows customization on a per tag basis
New content gets defined formatting
Validation Options
Validate against browsers and standards
Common browsers – IE, Netscape, Opera
Popular web standards
HTML 3.2 / 4.0
XHTML 1.0 / 1.1 Transitional, Strict, Frameset
User controllable validation
Casing, quoting, and tag closure preferences
Accessibility Checker
Section 508/WCAG Compliance
Integrated with task list
Cleaner Code-behind
Now using partial classes model
Less brittle code
No designer wire-up needed
All the generated goop goes away
Enables easy designer/developer interaction
More OO code editing support

“Whidbey” Source Editor
“Whidbey” Design Surface
Enhanced visual page development
Intelligent Code Generation
Designer never modifies your code
100% preservation of existing formatting and whitespace
Only modifies elements you edit
Modern and standards based
Design surface creates XHTML 1.1 compliant, CSS styles based code
Generates code using your formatting preferences
Enhanced Visual Editing
Master pages for shared layout
Easily maintain common look and feel
Design surface provides visual feedback
Improved template editing model
Drop-down to quickly switch in/out of template mode
Controls render default content in templates
User control rendering on design surface
SmartTags expose common control tasks
Table Editing
Easily design and build tables
Insert pre-defined/custom table layouts
Use table builder to define complex tables
Table Editing
Easily design and build tables
Insert pre-defined/custom table layouts
Use table builder to define complex tables
Table Editing
Easily design and build tables
Insert pre-defined/custom table layouts
Use table builder to define complex tables
Precise table sizing using visual feedback
New visual cues to help select rows/columns/cells
Makes navigating tables intuitive
“Whidbey” Design Surface
Faster Web Development
All the power of before, more flexibility
RAD Development
Faster development cycles
Can browse changes without having to build
Quickly test incremental updates
Faster project open (IBuySpy Portal)
VS 2003:  ~1 minute
VS Whidbey:  Less than 5 seconds
New Build Page feature
Build and view code changes at page level
Especially useful for C# and J#

RAD Development
\Code directory for class files
Location for class files within web site
Reference classes within ASPX pages
Full Intellisense support
Better team development
Multiple developers can work on different parts of site without build conflicts
Compile errors on one page don’t block development on others
Directory based projects eliminate project file contention
More Build Options
Build and F5 behavior
Compile errors for entire site to task list
<asp> compilation errors to task list
Web.config compilation errors to task list
Optional: Section 508 / WCAG validation
Configure F5 to your preference
Build Site, Build Page, or Save/Browse
Fully Compiled Sites
Pre-compile sites for deployment
Better performance with code-behind and ASPX compiled together
Better IP protection
Compilation of ASPX file allows protection of ASPX and HTML markup
VS.NET automatically obfuscates IL upon compilation

RAD Web Development
Seamless upgrade
Open, compile, run
Full Backwards Compatibility
Visual Studio .NET 2003 applications work
Open, compile, and run upgrade model
Pages updated to new code-behind syntax
Standalone classes moved under \Code folder
Control ASP.NET version on a directory basis in IIS
ASP.NET 1.0 / 1.1 applications co-exist with ASP.NET “Whidbey” applications on same IIS
Project upgrade
Summary
Visual Studio “Whidbey” is the best tool for building ASP.NET applications
Many new web development features to try out today in the Alpha build
Many more exciting new features coming in Beta
Questions?
Brian Goldfarb (bgold@microsoft.com)
http://blogs.gotdotnet.com/bgold/
Omar Khan (omark@microsoft.com)

Download Slides/Demos
ASP.NET Whidbey Book
Now available for PDC bits
13 Chapters, 470 Pages
Topics Covered
Introduction, Tools & Architecture, Data Source Controls and Data Binding, GridView & DetailsView Controls, Master Pages & Navigation, Security, Personalization & Themes, Web Parts, Mobile Device Support, SQL Cache Invalidation, Precompilation, Confuguration & Administration and more.
ASP.NET 2.0 Hands-On Labs
Great Hands-on Walkthroughs (8 hours worth!)
Located in Petree Hall (proctors available for questions)
Nine Labs
Introduction
Data Controls