VISUAL STUDIO .Net Installation:
Visual Studio 2019 comes with everything you’ll need for .NET Core development, and the Community edition is free. It installs the .NET SDK, which has the command-line tools as well.
1) Make a click on the following link: https:/visualstudio.microsoft.com/downloads
2) In the below page, make a click on Professional edition
3) Make a click on exe, your visual studio software will start to download, based on your internet speed it will get downloaded with in 20-30 minutes. Click Continue button
4) Choose any color theme on your choice, click start Visual studio
Once all is done we will see the main window of visual studio
Introduction about IDE:
At the top of the application, right below the Windows title bar, you see the main menu. This menu bar contains familiar items you find in many other Windows applications, like the File, Edit, and Help menus as well as menus specific to VS, such as the Website and Debug menus.
In the application’s title bar to the left of the Windows Close, Minimize, and Maximize buttons, you see an icon with a little flag. Clicking the flag icon brings up the Notification window in which Visual Studio provides you with important information.
Right below the menu, you see the toolbar area, which is capable of showing different toolbars that give you quick access to the most common functions in VS.
On the left of the main screen, tucked away at the border of Visual Studio, you see the tab for the Toolbox. If you click the tab, the Toolbox folds out, giving you a chance to see what it contains. If you click the little pin icon in the upper-right corner of the Toolbox (or any of the other panels that have this pin icon), it gets pinned to the IDE so it remains open.
The Solution Explorer
At the right of the screen, you see the Solution Explorer. The Solution Explorer is an important window because it gives you an overview of the files that comprise your website. Instead of placing all your files in one big folder, the Solution Explorer enables you to store files in separate folders, creating a logical and organized site structure. You can use the Solution Explorer to add new files to your site, move existing files around using drag and drop or cut and paste, rename files and delete them from the project, and more. Much of the functionality of the Solution Explorer is hidden behind its right-click menu, which changes depending on the item you right-click.
You can access the Solution Explorer by choosing View ⇒ Solution Explorer from the main menu or by pressing Ctrl+Alt+L.
The Server Explorer
- Enables us to work with your databases and other services.
- We can access the Server Explorer by choosing View ⇒ Server Explorer or by pressing Ctrl+Alt+S.
The Team Explorer
Is used to connect to and work with Team Foundation Server (TFS), Microsoft’s Application Lifecycle Management tool used for source control, work item tracking, and more.
The Properties Grid
With the Properties Grid, you can view and edit the properties of many items in Visual Studio, including files in the Solution Explorer, controls on a web page, properties of the page itself, and much more.
The Document Window
At the bottom of the Document Window , we see three buttons called Design, Split, and Source. These buttons appear automatically when you’re working with a file that contains markup, such as ASPX pages. They enable you to open the Design View of a page (giving you an idea of how the page will look in the browser), its Markup View (the HTML and other markup), or both at the same time.
Creating new ASP.Net Project:
- Start Visualstudio2017 from startmenu ,Click file->New Project
2. Navigate to Installed->Templates->Visual C#->select ASP.NET Web Application as shown below
3. Then select web form as shown below
4. We have created a new project with name testsample as shown below
5. Make a right click on testsample in Solution Explorer ,create a new webform
6. The initial Content of WebForm1.aspx page will be as follows
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="testsample.WebForm1" %>
<form id="form1" runat="server">
7. Now we will add some standard HTML Elements to the above page
<p>welcome to readexpert.com website</p>
8. In the above code nothing is specific to ASP.NET they are standard HTML
<p>welcome to readexpert.com website</p>
The Visual Studio toolbar contains a drop-down list with the names of the browsers we have installed on your machine (click the small down arrow to the right of the name to show the list as below),choose Browse with Google Chrome
Visual studio will compile the project an open a new browser window to display webform as shown below