Skip to main content

Creating Your First ASP.NET Core Application

Creating Your First ASP.NET Core Application

Creating Your First ASP.NET Core Application 🚀

In this guide, you'll learn how to create, run, and test your first ASP.NET Core application using .NET SDK, Visual Studio, or VS Code.


🔹 1️⃣ Prerequisites

Before you begin, ensure you have the following installed:

  • .NET SDK (Download)
  • Visual Studio 2022 (Community Edition) (Download)
  • OR Visual Studio Code (Download)
  • C# Extension for VS Code

🔹 2️⃣ Create an ASP.NET Core Web Application

🛠 Option 1: Using .NET CLI (Command Line Interface)

  1. 1️⃣ Open a terminal or command prompt
  2. 2️⃣ Run the following command to create a new web application:
dotnet new web -o MyFirstAspNetApp
cd MyFirstAspNetApp
  1. 3️⃣ Open the project in VS Code (Optional)
code .

🛠 Option 2: Using Visual Studio

  1. 1️⃣ Open Visual Studio
  2. 2️⃣ Click "Create a new project"
  3. 3️⃣ Select ASP.NET Core Web App
  4. 4️⃣ Click Next, name the project (MyFirstAspNetApp), and choose a location
  5. 5️⃣ Select .NET 8.0 (or latest version) and click Create

🔹 3️⃣ Run the Application

Using .NET CLI:

dotnet run

✅ The app will run on http://localhost:5000 (or https://localhost:7000)

Using Visual Studio:

  1. 1️⃣ Click "Run" (or press F5)
  2. 2️⃣ The application will launch in your default browser

🔹 4️⃣ Understanding the Project Structure

📂 MyFirstAspNetApp/
├── 📄 Program.cs ➝ Entry point of the app
├── 📄 appsettings.json ➝ Configuration settings
├── 📂 wwwroot/ ➝ Static files (CSS, JS, Images)
├── 📂 Pages/ ➝ Razor Pages (if using Razor)
├── 📂 Controllers/ ➝ MVC Controllers (if using MVC)

🔹 5️⃣ Modifying the Home Page

  1. 1️⃣ Open Program.cs and modify the app.MapGet() route:
var builder = WebApplication.CreateBuilder(args);
var app = builder.Build();

app.MapGet("/", () => "Welcome to your first ASP.NET Core app!");

app.Run();
  1. 2️⃣ Save the file and run:
dotnet run
  1. 3️⃣ Open a browser and visit http://localhost:5000

✅ You should see:

Welcome to your first ASP.NET Core app!

🔹 6️⃣ Next Steps

🔹 Learn MVC and Razor Pages

🔹 Create a REST API with Controllers

🔹 Implement Dependency Injection

🔹 Secure the app using JWT Authentication

Comments

Popular posts from this blog

Car Wash System vb.net

This software consists of a database that save the registration number of every vehicle being wash along side with the date, type of wash made and price Screen Shot Source Code To view records in the database: Dim conn As OleDbConnection = New OleDbConnection("Provider=Microsoft.ACE.OLEDB.12.0;Data Source=|DataDirectory|\washRcd.accdb;Persist Security Info=False") Dim sql As String sql = " SELECT * FROM tblwash" conn.Open() Dim dt As New DataTable Dim cmd2 As New OleDb.OleDbDataAdapter(sql, conn) cmd2.Fill(dt) DataGridView1.DataSource = dt DataGridView1.Refresh() conn.Close() To insert new record in the database: Private Sub insert() Dim conn As OleDbConnection = New OleDbConnection("Provider=Microsoft.ACE.OLEDB.12.0;Data Source=|DataDirectory|\washRcd.accdb;Persist Security Info=False") Dim updateSql As String = String.Format(...

Face recognition using EmguCV 3.0 and typing pattern recognition

Introduction An MSc project with the title Student Examination System, where the objective is to put the students in an examination condition but instead of having an invigilator in an examination center, the system will cater for the proper ongoing of the exam. the system can be used as an online examination system The system is able to: Recognizing the face shape of a particular student Detect if there is more than one person in the examination room  Analyze the typing pattern of a student and detect if any one person is taking part in the exam voice recognition for the student and detect if there is more than one person speaking in the examination room Setup Download Emgu CV from  http://www.emgu.com/wiki/index.php/Main_Page Download Haarcascade from  https://github.com/opencv/opencv/tree/master/data/haarcascades Create an account at  https://www.keytrac.net/ Face recognition The snippet below illustrates how the Emgu CV is loaded whe...

Student Information System - AngularJS , ASP.NET API, C#

Web based application the student information system is a small application that allows user to register and login to view information about a particular student and can perform several actions like Login and register to the application View students  Add new student Delete a particular student Update user information Screen Shot Project architecture routing.js, config.js and app.js allow the application to route from one partial view to another and config.js is used to save all the endpoint needed to access the API.   For separation of concerns, in the solution panel separate partial views, controller and services in different directories and reference it in index.html to enable angular to load all the files required Login process login.html LoginController.js Using $resource from AngularJS to make an API call and response  with a user details model UserViewModel and UserDetailsViewModel Using Unity fo...