To get the most out of this book

These are the software packages (and relevant version numbers) used to write this book and test the source code:

• Visual Studio 2022 Community Edition 17.8.3 with the optional ASP.NET and web development workload (it can be selected from the Workloads section within the Visual Studio installer app)
• Microsoft .NET 8 SDK 8.0.101
• TypeScript 5.2
• NuGet package manager 6.8.0
• Node.js 20.10.0
• Angular 17.0.3

For deployment on Windows:

• Internet Information Services (IIS) (Windows Server)
• ASP.NET Core Runtime 8 and Windows Hosting Bundle Installer for Win64 (ASP.NET official website)

For deployment on Linux:

• ASP.NET Core Runtime 8 for Linux (YUM package manager)
• .NET 8 CLR for Linux (YUM package manager)
• Nginx HTTP Server (YUM package manager)

Download the example code files

The code bundle for the book is hosted on GitHub at https://github.com/PacktPublishing/ASP.NET-Core-8-and-Angular. We also have other code bundles from our rich catalog of books and videos available at https://github.com/PacktPublishing/. Check them out!

Download the color images

We also provide a PDF file that has color images of the screenshots/diagrams used in this book. You can download it here: https://packt.link/gbp/9781805129936.

Conventions used

There are a number of text conventions used throughout this book.

CodeInText: Indicates code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles. For example: “Navigate to the /ClientApp/src/app/cities folder.”

A block of code is set as follows:

<mat-form-field [hidden]="!cities">
<input matInput (keyup)="loadData($event.target.value)"
placeholder="Filter by name (or part of it)...">
</mat-form-field>

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are highlighted:

import { FormGroup, FormControl } from '@angular/forms';
class ModelFormComponent implements OnInit {
    form: FormGroup;
    ngOnInit() {
        this.form = new FormGroup({
            title: new FormControl()
        });
    }
}

Any command-line input or output is written as follows:

> dotnet new angular -o HealthCheck

Bold: Indicates a new term, an important word, or words that you see on the screen, for example, in menus or dialog boxes, also appear in the text like this. For example: “Select System info from the Administration panel.”

Warnings or important notes appear like this.

Tips and tricks appear like this.