Book Image

C# 9 and .NET 5 – Modern Cross-Platform Development - Fifth Edition

By : Mark J. Price
Book Image

C# 9 and .NET 5 – Modern Cross-Platform Development - Fifth Edition

By: Mark J. Price

Overview of this book

In C# 9 and .NET 5 – Modern Cross-Platform Development, Fifth Edition, expert teacher Mark J. Price gives you everything you need to start programming C# applications. This latest edition uses the popular Visual Studio Code editor to work across all major operating systems. It is fully updated and expanded with a new chapter on the Microsoft Blazor framework. The book’s first part teaches the fundamentals of C#, including object-oriented programming and new C# 9 features such as top-level programs, target-typed new object instantiation, and immutable types using the record keyword. Part 2 covers the .NET APIs, for performing tasks like managing and querying data, monitoring and improving performance, and working with the file system, async streams, serialization, and encryption. Part 3 provides examples of cross-platform apps you can build and deploy, such as websites and services using ASP.NET Core or mobile apps using Xamarin.Forms. The best type of application for learning the C# language constructs and many of the .NET libraries is one that does not distract with unnecessary application code. For that reason, the C# and .NET topics covered in Chapters 1 to 13 feature console applications. In Chapters 14 to 20, having mastered the basics of the language and libraries, you will build practical applications using ASP.NET Core, Model-View-Controller (MVC), and Blazor. By the end of the book, you will have acquired the understanding and skills you need to use C# 9 and .NET 5 to create websites, services, and mobile apps.
Table of Contents (23 chapters)
22
Index

Building components using Blazor Server

In this section we will build a component to list, create, and edit customers in the Northwind database.

Defining and testing a simple component

We will add the new component to the existing Blazor Server project:

  1. In the NorthwindBlazorServer project, add a new file to the Pages folder named Customers.razor.

    Good Practice: Component filenames must start with an uppercase letter or you will see compile errors!

  2. Add statements to register /customers as its route, output a heading for the customers component, and define a code block, as shown in the following markup:
    @page "/customers"
    <h1>Customers</h1>
    @code {
      
    }
    
  3. In the Shared folder, open NavMenu.razor and add a list item element for our new component labeled Customers that uses an icon of people, as shown in the following markup:
    <li class="nav-item px-3">
      <NavLink...