WEEK 5

Working With
ASP.Net
IPT101 - INTEGRATIVE PROGRAMMING AND TECHNOLOGIES I
 Understand the importance of
installing the software to work the
ASP.NET programming.

IPT101 – INTEGRATIVE PROGRAMMING TECHNOLOGIES I

WEEK 5 - WORKING WITH ASP.NET

Create a project

• To start, you'll create an ASP.NET Core web application project. The

project type comes with all template files to create a web app, before
you've even added anything!
1. Open Visual Studio.
2. On the start window, choose Create a new project.

IPT101 IPT101 – Integrative

– INTEGRATIVE ProgrammingTECHNOLOGIES
PROGRAMMING and Technologies
I I 3
 Programming Languages

4 4
IPT101 – Integrative Programming and Technologies I
WEEK 5 - WORKING WITH ASP.NET

3. On the Create a new project window, enter or type ASP.NET in the

search box. Next, choose C# from the Language list, and then choose
Windows from the Platform list.
After you apply the language and platform filters, choose the
ASP.NET Core Web Application template, and then choose Next.

IPT101 IPT101 – Integrative

– INTEGRATIVE ProgrammingTECHNOLOGIES
PROGRAMMING and Technologies
I I 5
 Programming Languages

6 6
IPT101 – Integrative Programming and Technologies I
WEEK 5 - WORKING WITH ASP.NET

4. In the Configure your new project window, type or

enter HelloWorld in the Project name box. Then,
choose Create.

IPT101 IPT101 – Integrative

– INTEGRATIVE ProgrammingTECHNOLOGIES
PROGRAMMING and Technologies
I I 7
 Programming Languages

8 8
IPT101 – Integrative Programming and Technologies I
WEEK 5 - WORKING WITH ASP.NET

5. In the Create a new ASP.NET Core Web Application

window, verify that ASP.NET Core 3.0 appears in the top
drop-down menu. Then, choose Web Application, which
includes example Razor Pages. Next, choose Create.

IPT101 IPT101 – Integrative

– INTEGRATIVE ProgrammingTECHNOLOGIES
PROGRAMMING and Technologies
I I 9
 Programming Languages

10 10
IPT101 – Integrative Programming and Technologies I
WEEK 5 - WORKING WITH ASP.NET

Visual Studio opens your new project

IPT101 IPT101 – Integrative

– INTEGRATIVE ProgrammingTECHNOLOGIES
PROGRAMMING and Technologies
I I 11
WEEK 5 - WORKING WITH ASP.NET

Create and run the app

1. In the Solution Explorer,

expand the Pages folder,
and then choose
Index.cshtml.

*This file corresponds to a page

that's named Home in the web app,
which runs in a web browser

IPT101 IPT101 – Integrative

– INTEGRATIVE ProgrammingTECHNOLOGIES
PROGRAMMING and Technologies
I I 12
 Programming Languages

13 13
IPT101 – Integrative Programming and Technologies I
WEEK 5 - WORKING WITH ASP.NET

IPT101 IPT101 – Integrative

– INTEGRATIVE ProgrammingTECHNOLOGIES
PROGRAMMING and Technologies
I I 14
WEEK 5 - WORKING WITH ASP.NET

2. Change the "Welcome" text to read "Hello World!".

IPT101 IPT101 – Integrative

– INTEGRATIVE ProgrammingTECHNOLOGIES
PROGRAMMING and Technologies
I I 15
WEEK 5 - WORKING WITH ASP.NET

3. Choose IIS Express or press Ctrl+F5 to run the app and open it in a web
browser.

IPT101 IPT101 – Integrative

– INTEGRATIVE ProgrammingTECHNOLOGIES
PROGRAMMING and Technologies
I I 16
WEEK 5 - WORKING WITH ASP.NET

4. In the web browser, verify that the Home page includes your updated
text.

5. Close the web browser.

IPT101 IPT101 – Integrative
– INTEGRATIVE ProgrammingTECHNOLOGIES
PROGRAMMING and Technologies
I I 17
WEEK 5 - WORKING WITH ASP.NET

Laboratory
Create your own Web page design

Assignment#2
Basics of Programmed Web Pages

IPT101 IPT101 – Integrative

– INTEGRATIVE ProgrammingTECHNOLOGIES
PROGRAMMING and Technologies
I I 18
 WEEK 5 Visual Studio C# ASP.Net

IPT101 IPT101 – Integrative

– INTEGRATIVE ProgrammingTECHNOLOGIES
PROGRAMMING and Technologies
I I 19