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 2019 Community Edition 16.8.2 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 5 SDK 5.0.100
• TypeScript 4.0.5
• NuGet package manager 5.7.0
• Node.js 14.15.0 (we strongly suggest installing it using the Node Version Manager, also known as NVM)
• Angular 11.0.1

For deployment on Windows:

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

For deployment on Linux:

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

If you're on Windows, I strongly suggest installing Node.js using NVM for Windows, a neat Node.js version manager for the Windows system. You can download it from the following URL:

https://github.com/coreybutler/nvm-windows/releases

We strongly suggest using the same version used within this book – or newer, but at your own risk! Jokes aside, if you prefer to use a different version, that's perfectly fine, as long as you are aware that, in that case, you may need to make some manual changes and adjustments to the source code.

Download the example code files

The code bundle for the book is hosted on GitHub at https://github.com/PacktPublishing/ASP.NET-Core-5-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://static.packt-cdn.com/downloads/9781800560338_ColorImages.pdf.

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: "A simple Add a new City button will fix both these issues at once."

Warnings or important notes appear like this.

Tips and tricks appear like this.