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.
Table of Contents (22 chapters)
Title Page
PacktPub.com
Contributors
Preface
Index

The Everyday Market app


Let's get you familiar with the app you're going to build throughout this book. Fortunately, you have implemented a REST API as part of previous chapters, so let's build on top of that. The REST API provides state and functionality for a basic exchange system in which people can purchase and sell items.

The Everyday Market app is the frontend web app that uses this REST API.

It consists of three key areas:

  • Homepage with product listings
  • Product page
  • New product page

The following are the wireframes that illustrate the concept of the app.

Homepage with product listings

The following is the home page of the app. As you can see, the following functionality is implied:

  • The user sees a list of available products filtered by a category.
  • The user can click a product card to view its details.
  • The user can add a new product that they wish to sell:

 

Product page

The following is the product page, which includes the product details, such as title, description, and so on. It is shown after...