Skip to content
  • iImagine
  • Register
  • Log In

Web Development School

Learning made easy.

  • Books
    • Beginning Web Development with ASP.Net Core & Client-Side Technologies
      • TOC
      • Part 1
        • Chapter 1: Static HTML – Designing the landing page
      • Part 2
        • Chapter 2: ASP.Net Core – Let’s talk Dynamic
        • Chapter 3: Introduction to ASP.Net Core MVC
          [ASP.Net Core v9]
      • Part 4
        • Chapter 7: Using Server Side & Client Side technologies together
          [ASP.Net Core v7 & Angular 15]
  • Environment Setup
    • Installing Angular
    • Installing Visual Studio 2022
    • Installing SQL Server 2022 Express
    • Installing Postman
    • Installing Git for Windows
  • Blog
  • iImagine WebSolutions
  • Events
  • Learning Videos
  • Toggle search form

Introduction to ASP.Net Core

In Part 1, Building a website. The basics., we built the landing page for a local car dealership. By the end of Chapter 1, Static HTML – Designing the landing page., we had a nice home page which displayed a list of Vehicles. And we could search by vehicle category (Cars, Trucks, or Jeeps) using the Category buttons on the left side of the screen.

We also created a details page for the first car result. And set up a navigation link from the first car result to the car 1 details page. Then we made the header text a link back to the main landing page.

In the following sections I’m going to talk about some ways to improve the process we went through in Chapter 1.

Table Of Contents
  1. Static HTML – What's the problem?
  2. Dynamic Frameworks
  3. Dynamic Frameworks vs Dynamic Websites
    • Dynamic Website
    • Dynamic Framework
  4. What's Next

Static HTML – What’s the problem?

Well we certainly learned a lot about HTML in Part 1, Chapter 1 by building out the landing page and one details page. But we did it all using Static HTML and painstakingly creating every detail by hand.

Also, imagine we were to finish out the site and had to build every details page by hand. What if more vehicles were then added in the future? We would have to again painstakingly add the new vehicle to the landing page, create a details page for it, and create a navigation link from the new vehicle on the home page to its details page.

Furthermore, if there was ever a change to the header or the footer we would have to make that change on the landing page and every details page. Who wants to do that? That’s what we call a maintenance nightmare.

So what are the alternatives if any? Well, let’s take a look in the following section.

Dynamic Frameworks

To solve these problems, we are going to start learning about Dynamic Frameworks, starting with ASP.Net Core.

Part 2 will be devoted to learning all about ASP.Net Core which is a server-side platform for creating dynamic websites.


Later parts of the book will also talk about client-side dynamic frameworks such as Angular but for the purpose of showing how they work together with ASP.Net Core which is first and foremost what this book is really all about as noted in the book’s title: “Beginning Web Development with ASP.Net Core & Client-Side Technologies”.


Dynamic Frameworks vs Dynamic Websites

Ok, so what is a dynamic framework and what is a dynamic website?

Dynamic Website

Well, a dynamic website, instead of laying out all of our data statically by hand with HTML like we did in Part 1, gets all of its data from a database and renders it in HTML via templates, layouts, and other features of the dynamic platform, framework, programming language, or some mix of these we are using in our technology stack.

Dynamic Framework

A dynamic framework, such as ASP.Net Core is the tool we use to create a dynamic website. For instance we can set up a template to display a details page. So whenever an administrator enters a new vehicle into the database, the details page given the id of the vehicle can fetch that vehicle’s data from the database and dynamically display itself for that vehicle using the details page template and the vehicle’s data from the database.

What’s Next

In this module we summed up some of the problems we are left with from Part 1, Chapter 1 and started to talk about some of the things we can do to help us moving forward.

In this chapter we are going to learn about ASP.Net Core; What it is and what it can do. But first we should put ASP.Net Core into more context. You see ASP.Net Core is really a subset of the .Net Platform for developing Web Applications. In the next module we will sum up what exactly .Net is and what it’s all about.

< Prev
Next >

Leave a ReplyCancel reply

Chapter 1: Static HTML – Designing the landing page.

  • Static HTML – Designing the landing page.
  • Let’s get started!
  • Mock your site with HTML
  • Make CSS easy with Bootstrap
  • Mock your content
  • Introducing JavaScript
  • JavaScript Code Improvements
  • Results Data
  • Images and the HTML Image Element.
  • Revisiting Reusability for CSS and JavaScript
  • Reuse for HTML: PART 1
  • Reuse for HTML: PART 2
  • Details Page – Using a Bootstrap Component
  • Creating Links
  • Chapter One Conclusion

Chapter 2: ASP.Net Core – Let’s talk Dynamic

  • Introduction to ASP.Net Core
  • What is .Net?
  • What is ASP.Net
  • Introduction to Entity Framework Core

Chapter 3: ASP.Net MVC Core – Models, Views, and Controllers [ASP.Net Core v9]

  • Introduction to ASP.Net Core MVC
  • Create the project: ASP.Net Core MVC
  • Explore the ASP.Net Core Empty Web Project Template
  • Configure the Application for MVC
  • Create a Controller: Home Controller
  • Create a View: Index View for the Home Controller
  • Install Bootstrap using Libman
  • Create the Layout template
  • Create the Model
  • Install EF Core & Create the Database
  • Seed the Database: Loading test data
  • DI (Dependency Injection): Display a List of Vehicles
  • Repository Pattern: The Vehicles Repo
  • Unit Test 1: Home Controller Can Use Vehicle Repository
  • Unit Test 2: Vehicle Repository Can Return List
  • Add the ImagePath Migration and Thumbnail images to results
  • Pagination: Create a Custom Tag Helper
  • Sorting
  • Category Filter
  • Partial View: Break out the vehicle results
  • View Component: Create dynamic category buttons

Chapter 7: Using Server Side & Client Side technologies together. [ASP.Net Core v7 & Angular v15]

  • Intro to Full Stack Development
  • Fred’s Cars – Full Stack Development
  • Prepare the environment
  • Create the Visual Studio Solution
  • Add the ASP.Net Core Web API project
  • Add the Angular Project
  • Wire it up!
  • WeatherForecast: Understanding the basics
  • Vehicles API Controller: Mock Data
  • Vehicles Angular Component: Consuming Data
  • Routing and Navigation
  • Using a Component Library: Angular Material
  • Our first Angular Material Component: MatToolbar
  • Configuring for Saas: CSS with superpowers
  • Create the Header & Footer components
  • Displaying Results with MatTable
  • Loading: Using a Progress Spinner
  • MatTable: Client-Side Paging and Sorting
  • MatSidenav: Create a Search Sidebar
  • MatCheckbox: Category Search UI
  • Adding an image to the welcome page
  • Create the database with Entity Framework Core migrations
  • MatPaginator & PageEvent: Custom Server-Side Paging
  • Unit Testing: Custom Server-Side Paging
  • Repository Pattern: VehicleRepository
  • Unit Test: Paging in the Vehicles controller
  • Server-Side Sorting
  • Unit Tests: Sorting
  • Filter (Quick Search)
  • Unit Tests: Filter feature
  • Advanced Search: Categories
  • Unit Tests: Search by category
  • Progress Spinner: Final Fix

TOC

  • What were WebForms?
  • Enter MVC
    • Understanding MVC
    • Advantages of MVC
  • ASP.Net Core MVC – A total rewrite
  • ASP.Net Core 2 MVC – Here come Razor Pages
    • Understanding Razor Pages
  • ASP.Net Core 3 – Dropping the MVC reference
    • Understanding Blazor
  • Dropping the MVC reference
  • Hello .Net 5!
  • What’s Next? – Here comes .Net 6.

Recent Posts

  • Angular Commands Cheat Sheet
  • Installing Git for Windows
  • Installing Postman
  • Installing SQL Server 2022 Express
  • Installing Visual Studio 2022

Recent Comments

No comments to show.

Archives

  • November 2023
  • October 2023
  • June 2023
  • October 2021

Categories

  • Angular
  • ASP.Net
  • Environment Setup
  • See All
  • SQL Server
  • Visual Studio
  • Web API & Rest Services

WordPress Theme Editor

Copyright © 2025 Web Development School.

Powered by PressBook Blog WordPress theme