Hands-On Full-Stack Web Development with ASP.NET Core

Book Image

Hands-On Full-Stack Web Development with ASP.NET Core

By : Tamir Dresher, Amir Zuker, Shay Friedman

Book Image

Hands-On Full-Stack Web Development with ASP.NET Core

By: Tamir Dresher, Amir Zuker, Shay Friedman

Overview of this book

Today, full-stack development is the name of the game. Developers who can build complete solutions, including both backend and frontend products, are in great demand in the industry, hence being able to do so a desirable skill. However, embarking on the path to becoming a modern full-stack developer can be overwhelmingly difficult, so the key purpose of this book is to simplify and ease the process. This comprehensive guide will take you through the journey of becoming a full-stack developer in the realm of the web and .NET. It begins by implementing data-oriented RESTful APIs, leveraging ASP.NET Core and Entity Framework. Afterward, it describes the web development field, including its history and future horizons. Then, you’ll build webbased Single-Page Applications (SPAs) by learning about numerous popular technologies, namely TypeScript, Angular, React, and Vue. After that, you’ll learn about additional related concerns involving deployment, hosting, and monitoring by leveraging the cloud; specifically, Azure. By the end of this book, you’ll be able to build, deploy, and monitor cloud-based, data-oriented, RESTful APIs, as well as modern web apps, using the most popular frameworks and technologies.

Title Page

PacktPub.com

Contributors

Preface

Free Chapter

Becoming a Full-Stack .NET Developer

Becoming a Full-Stack .NET Developer

The full-stack developer

Backend fundamentals

Frontend fundamentals

JavaScript frontend frameworks

Setting Up Your Development Environment

Setting Up Your Development Environment

Node.js and npm

Creating a Web Application with ASP.NET Core

Creating a Web Application with ASP.NET Core

ASP.NET Core overview

Creating an ASP.NET Core application

The Startup class

Serving static files

Getting familiar with the ASP.NET Core MVC framework

Building REST APIs with ASP.NET Core Web API

Building REST APIs with ASP.NET Core Web API

Overview — REST APIs with ASP.NET Core API

Inspecting your APIs using Fiddler and Postman

Generating a response of different types

Persisting Data with Entity Framework

Persisting Data with Entity Framework

Installing Entity Framework Core

Creating your data model

Creating a database with EF Core migrations

Mapping the API results to DTOs

Securing the Backend Server

Securing the Backend Server

Authenticating and authorizing application users

Controlling access to APIs with authorization

Enabling Cross-Origin Resource Sharing

Troubleshooting and Debugging

Troubleshooting and Debugging

Adding logging to your application

Responding gracefully in the event of errors and exceptions

Making your APIs discoverable and self-documenting with the OpenAPI standard (Swagger)

Getting Started with Frontend Web Development

Getting Started with Frontend Web Development

Getting started with frontend web development

The Everyday Market app

Getting Started with TypeScript

Getting Started with TypeScript

The TypeScript compiler

Further reading

App Development with Angular

App Development with Angular

Angular overview

Component interaction

Injectable services

Implementing Routing and Forms

Implementing Routing and Forms

Client-side routing

Using Angular Router

Implementing a routed page

Implementing template-driven forms in Angular

App Development with React

App Development with React

Creating a React app

Header component

Stateless functional components

Product listing

Conditional rendering

App Development with Vue

App Development with Vue

Vue.js overview

Header component

Data binding and component interaction

The category menu

Product listing

Conditional rendering

Moving Your Solution to the Cloud

Moving Your Solution to the Cloud

What is cloud computing?

Working with Microsoft Azure

Getting familiar with the portal and with the command line

The Azure account and resources model

Deploying to Microsoft Azure

Deploying to Microsoft Azure

Creating a production environment with Azure App Service

Deploying the GiveNTake backend service from Visual Studio

Creating an automated build and release pipeline in Azure DevOps

Deploying the GiveNTake frontend to Azure App Service

Taking Advantage of Cloud Services

Taking Advantage of Cloud Services

Scaling your service

Cloud Diagnostics with Application Insights

Testing in production with Deployment slots

Other Books You May Enjoy

Other Books You May Enjoy

Leave a review - let other readers know what you think

Index

Customer Reviews

5 star

0

4 star

0

3 star

0

2 star

0

1 star

0

Node.js and npm

Node.js is a JavaScript runtime environment. It is a technology that enables you to run JavaScript code directly on your computer, without the need for a browser. It has gained popularity, Node.js is the technology responsible for these servers actually running, as well as being behind countless web development utilities. Throughout this book, we will use it for the latter option.

npm is a large repository of JavaScript libraries and utilities—almost 500,000 in the time of writing — that you can easily install and add to your project or computer.

Installing Node.js

To install Node.js, follow these steps:

Open your browser and navigate to https://nodejs.org/en/download.
Find the installer that matches your operating system, and click on it to download it.
When the download is complete, execute the downloaded file to open the installation wizard, which should look like the following:

Click Next to move forward in the wizard steps until the installation begins:

Once the Node.js installation...