How to start with ASP.NET MVC Web Application – Development

Web Application

This blog demonstrates how to start with ASP.NET Web Application. For those who are struggling with how to start a simple ASP.NET Project, let me guide you throughout the process.

Before we start we need a Development Environment to start with the project.

You can download Visual Studio 2013 from this  https://www.visualstudio.com/downloads/

If you have already installed Visual Studio on your machine we can proceed with the steps to start a project.

Begin with opening visual studio Development Environment. There are two options in starting a new project you can start from the file menu located at the top navigation bar as shown below.

Web Application

Visual Studio Developement Environtment

Or you can select New Project link from the start page of Visual Studio development environment refer to the image shown below.

Web Application

Start Page link

After that expand Visual C# node on the left pane and navigate to Web option. Then search for ASP.NET Web Application on the middle pane. Name it as MVC-SimpleApp. You can also name your apps to your preference. If you want to use different directory of your project use the browse button right below your project name. If your done click OK to proceed to the next steps. Use the image below for your guide.

Web Application

Project Options

From the New ASP.NET project dialog select template for your project Choose MVC as shown below.

Web Application

Project Template

You can also change application authentication. It is set to Individual User Accounts in default but here we‘re going to use No Authentication.  Image below is set to its default value change it to No Authentication.

Web Application

Authentication

The application will go idle for some time. Wait for Visual Studio to load necessary files needed for your project.

To run the project press f5 to run in debugging mode or Ctrl + f5 to run without debugging mode

Web Application

Website Preview

ASP.NET MVC Application includes bootstrap CSS and JavaScript by default so your site already responsive. Below is the image of the website view in small screen.

Web Application

Mobile View

From this moment you can start your first ASP.NET MVC Project.

Thank you for reading. Enjoy Coding!!

 


Related Post:

[pt_view id=”2384ae03it”]

1 2