Introduction

This download has been created for the Getting Started with ASP.NET 4.5 Web Forms and Visual Studio 2013 (Wingtip Toys) tutorial series available on the ASP.NET web site. This series of tutorials guides you through the steps required to create an ASP.NET Web Forms application using Visual Studio Express 2013 for Web and ASP.NET 4.5.

Related resources:

• E-book (PDF) - Contains the complete tutorial series.
• ASP.NET Web Forms Quiz - Review the content by taking the related ASP.NET Web Forms quiz.

The application you'll create is named WingtipToys. It's a simplified example of a store front web site that sells items online. This tutorial series highlights new features available in ASP.NET 4.5 and Visual Studio 2013.

Visit the tutorial series:
Getting Started with ASP.NET 4.5 Web Forms and Visual Studio 2013

Comments are welcome, and we'll make every effort to update this tutorial series based on your suggestions.

Audience

The intended audience of this tutorial series is experienced developers who are new to ASP.NET Web Forms. A developer interested in this tutorial series should have the following skills:

• Familiar with an object oriented programming (OOP) language
• Familiar with Web development concepts (HTML, CSS, JavaScript)
• Familiar with relational database concepts
• Familiar with n-tier architecture concepts

Application Features

The ASP.NET Web Form features presented in this series include:

• The Web Application Project (not Web Site Project)
• Web Forms
• Master Pages, Configuration
• Bootstrap
• Entity Framework Code First, LocalDB
• Request Validation
• Strongly Typed Data Controls, Model Binding, Data Annotations, and Value Providers
• OAuth and OpenID
• ASP.NET Identity, Configuration, and Authorization
• Unobtrusive Validation
• Routing
• ASP.NET Error Handling 

Application Scenarios and Tasks

Tasks demonstrated in this first series include:

• Creating, reviewing and running the new project
• Creating the database structure
• Initializing and seeding the database
• Customizing the UI using styles, graphics and a master page
• Adding pages and navigation
• Displaying menu details and product data
• Creating a shopping cart
• Adding OpenID support
• Adding a payment method
• Including an administrator role and a user to the application
• Restricting access to specific pages and folder
• Uploading a file to the web application
• Implementing input validation
• Registering routes for the web application
• Implementing error handling and error logging

Overview

If you are new to ASP.NET Web Forms but have familiarity with programming concepts, you have the right tutorial. If you are already familiar with ASP.NET Web Forms, you can benefit from this tutorial series by the new features available in ASP.NET 4.5 and Visual Studio 2013. If you are unfamiliar with programming concepts and ASP.NET Web Forms, see Getting Started on the ASP.NET Web site for additional tutorial information.

In addition to the features mention above, this code sample specifically includes the following ASP.NET 4.5 and Visual Studio 2013 features:

• A simple UI for creating projects that offer support for multiple ASP.NET frameworks (Web Forms, MVC, and Web API).
• Bootstrap, a layout and theming framework that provides responsive design and theming capabilities.
• ASP.NET Identity, a new ASP.NET membership system that works the same in all ASP.NET frameworks and works with web hosting software other than IIS.
• Entity Framework 6, an update to the Entity Framework which allows you retrieve and manipulate data as strongly typed objects, access data asynchronous, handle transient connection faults, and log SQL statements.

For a complete list of ASP.NET 4.5 features, see ASP.NET and Web Tools for Visual Studio 2013 Release Notes.

The Wingtip Toys Sample Application

The following screen shots provide a quick view of the ASP.NET Web forms application that you will create in this tutorial series. When you run the application from Visual Studio Express 2013 for Web, you will see the following web Home page.

 

Download the Sample Application

After installing the prerequisites, you are ready to begin creating the new Web project that is presented in this tutorial series. If you would like to run the sample application that this tutorial series creates, you can download it from the MSDN Samples site (here). This download contains the following in the C# folder:

• The sample application in the WingtipToys folder.
• The resources used to create the sample application in the WingtipToys-Assets folder.

The download is a .zip file. To see the completed project that this tutorial series creates, find and select the C# folder in the .zip file. Save the C# folder to your Visual Studio 2013 Projects folder. By default this is the following folder:

C:\Users\<username>\Documents\Visual Studio 2013\Projects

Rename the C# folder to WingtipToys.

Note

If you already have a folder named WingtipToys in your Projects folder, temporarily rename that existing folder before renaming the C# folder.

To run the completed project, open the WingtipToys folder and double-click the WingtipToys.sln file. Visual Studio Express 2013 for Web will open the project. Next, right-click the Default.aspx file in the Solution Explorer window and click View In Browser from the right-click menu.