Book Image

ASP.NET Core 5 and Angular - Fourth Edition

By : Valerio De Sanctis
Book Image

ASP.NET Core 5 and Angular - Fourth Edition

By: Valerio De Sanctis

Overview of this book

Learning full-stack development calls for knowledge of both front-end and back-end web development. ASP.NET Core 5 and Angular, Fourth Edition will enhance your ability to create, debug, and deploy efficient web applications using ASP.NET Core and Angular. This revised edition includes coverage of the Angular routing module, expanded discussion on the Angular CLI, and detailed instructions for deploying apps on Azure, as well as both Windows and Linux. Taking care to explain and challenge design choices made throughout the text, Valerio teaches you how to build a data model with Entity Framework Core, alongside utilizing the Entity Core Fluent API and EntityTypeConfiguration class. You’ll learn how to fetch and display data and handle user input with Angular reactive forms and front-end and back-end validators for maximum effect. Later, you will perform advanced debugging and explore the unit testing features provided by xUnit.net (.NET 5) and Jasmine, as well as Karma for Angular. After adding authentication and authorization to your apps, you will explore progressive web applications (PWAs), learning about their technical requirements, testing, and converting SWAs to PWAs. By the end of this book, you will understand how to tie together the front end and back end to build and deploy secure and robust web applications.
Table of Contents (15 chapters)
13
Other Books You May Enjoy
14
Index

The WorldCities web app

The first thing we're going to do is create a new .NET and Angular web application project. Remember what we did during the second part of Chapter 1, Getting Ready? We can either do the same (and make all of the relevant changes to the sample project that we made in Chapter 2, Looking Around) or take our existing HealthCheck project, copy it to another folder, rename all of the references to HealthCheck (source code and filesystem), and undo everything we did in Chapter 2, Looking Around, and Chapter 3, Front-End and Back-End Interactions.

Although both approaches are fine, the former option would arguably be more practical, not to mention that it's a great chance to put into practice what we've learned until now and ensure we've understood each relevant step.

Let's briefly recap what we need to do:

  1. Create a new project with the dotnet new angular -o WorldCities command
  2. Edit or delete the following .NET back...