C# ASP NET Core 7 + MVC, Razor Pages + Exercises + Projects
C# ASP NET Core 7 + MVC, Razor Pages + Exercises + Projects
ASP NET Core is not difficult! My Projects of 7/8 steps are more than sufficient for a quick and practical transition!
Udemy Coupon Codes
WHAT'S NEW
Note: my projects are more than sufficient for a quick and practical transition to ASP.NET Core
Mar 2, 2023 - ESP32 IOT based Switching (.NET 7 and C#11 or later)
Feb 2, 2023 - Location Tracking Project (.NET 7 and C#11 or later)
Jan 6, 2023 - Billing and Inventory Bar code Project (.NET 7 and C#11 or later)
Dec 19, 2022 - Youtube Downloader Project with SignaR (.NET 7 and C#11 or later)
Dec 3, 2022 - LAN based Classroom Voting Project (.NET 7 and C#11 or later)
Nov1, 2022 - Added Lecture "Example on Data Display and FORM Update" under Chapter "Ch2 - Basic Event Handling in Razor Pages"
Oct 15, 2022 - Added Chapter - EFCore Best Practices and Performance (8 tutorials)
(CAN BE USED AS A REFERENCE BOOK)
SOURCE CODE PROVIDED FOR ALL PROGRAMS, EXERCISE SOLUTIONS AND PROJECT
This is a beginner's course in ASP.NET Core.
About the Project
-
Registration and Login Modules
-
Role based Authentication and Authorization
-
SQlite as Database.
-
MySQL integration of the completed project is fully explained LIVE in 22 minutes
-
Doctors and patients can update their profiles and pictures
-
Patients can search for doctors of various specializations and in various cities.
-
AJAX based cascading dropdowns for search
-
JSON based database of cities
-
Patients can upload PDF reports
-
A consultation and a payment loop is fully built in this project.
-
Bootstrap based UI
Even though the project is "Find a Doctor", but it can be thought of as a "customer-service provider project". Hence, it can be modified for a website where customers search for plumbers, technicians, etc., or for a website where students search for teachers of various subjects.
C# ASP NET Core 7 + MVC, Razor Pages + Exercises + Projects | Udemy
☞Ch1 - RAZOR PAGES
Beginner's Introduction to Razor Pages
This is the simplest introduction to Razor Pages - why you need them, what they are, and how page events and data could be handled with them. See the linked video for a primer information.
Integrating CSS and JS Files with Razor Pages
This is a quick and complete explanation of how to integrate your razor pages to a framework such as bootstrap, and how to add and manage your custom CSS, JS and image files in your application. We explain various files such as the _ViewStart file, the _Layout file, and the special directory wwwroot. The concept is similar to that of master pages in the classic ASP.NET. The article also contains a linked video that you can watch for a clearer understanding of how we have integrated bootstrap to a simplest ASP.NET Core application.
Inter Page Navigation and Linking of Razor Pages with Anchor Tag Helpers
Tag helpers provide a standard way of generating html tags in razor pages. They are interpreted on server side. They are of the same syntax as html tags, so a web-designer can style and script them as he does any other html tag. Razor pages are not enabled for tag helpers by default. In this tutorial we learn how to enable a razor page for tag helpers, and we also learn a walkthrough on using the most common "anchor tag helper" to navigate from one razor page to another.
C# ASP NET Core 7 + MVC, Razor Pages + Exercises + Projects | Udemy
☞EXERCISES ON Ch1 - RAZOR PAGES
Exercise 1.
Create an application consisting of a razor page called Index - but without its backing csharp file. The razor page should print your name.
Exercise 2.
Display your name thus: Add a string variable called strName to the page in Ex 1. Set the variable to your name. Then display the variable strName.
Exercise 3.
Create an application consisting of a razor page called Index - but without its backing csharp file. Create two int variables i and j. Set i to 7 and j to 2. Display their sum using razor syntax.
Exercise 4.
Add a function called, say, GetName to the razor page in the first exercise. The function has a return type of String and returns your name. Now display your name by calling the above function.
Exercise 5.
Create an application consisting of a razor page called Index and its backing csharp file. Create two int properties i and j in the backing class. Set i to 7 and j to 2. Display their sum using razor syntax.
Exercise 6.
Without using razor pages, write a simple ASP.NET Core application that writes a "Hello World!" message to the response stream when an HTTP GET request is made to the home page of your website.
C# ASP NET Core 7 + MVC, Razor Pages + Exercises + Projects | Udemy
Exercise 7.
Without using razor pages, write a simple ASP.NET Core application that sends a FORM consisting of an input textbox and a submit when an HTTP GET request is made to the home page of your website. The application should handle the posted data and respond by sending back the upper case equivalent of the input typed by the user.
Exercise 8.
Create an application with a layout file [full head, body html tags] that shows the current system time in a h1 tag. The file connects to a CSS file called "mycss.css", which is placed in a wwwroot directory, and has a class for a p tag that sets its text color to red. Create a razor page called index that shows your name in a "p" tag. This page should merge into the layout file. Run the app to verify that your name appears in red.
Exercise 9.
Many CSS frameworks like bootstrap are available on the internet. Find any framework of your choice and create a layout file [full head, body, html, etc.,] by linking its CSS/JS files. Then create two pages - Index and Products. Each page has the same two buttons called "Home" and "Products". When Home is clicked the user should be taken to the Index page, and when Products is clicked the user should be taken to the Products page.
INSTRUCTOR
Amardeep Singh
