Book Image

ASP.NET Core 2 and Vue.js

By : Stuart Ratcliffe
5 (1)
Book Image

ASP.NET Core 2 and Vue.js

5 (1)
By: Stuart Ratcliffe

Overview of this book

This book will walk you through the process of developing an e-commerce application from start to finish, utilizing an ASP.NET Core web API and Vue.js Single-Page Application (SPA) frontend. We will build the application using a featureslice approach, whereby in each chapter we will add the required frontend and backend changes to complete an entire feature. In the early chapters, we’ll keep things fairly simple to get you started, but by the end of the book, you’ll be utilizing some advanced concepts, such as server-side rendering and continuous integration and deployment. You will learn how to set up and configure a modern development environment for building ASP.NET Core web APIs and Vue.js SPA frontends.You will also learn about how ASP.NET Core differs from its predecessors, and how we can utilize those changes to our benefit. Finally, you will learn the fundamentals of building modern frontend applications using Vue.js, as well as some of the more advanced concepts, which can help make you more productive in your own applications in the future.
Table of Contents (15 chapters)

Summary

This has been by far the longest and most complex chapter yet, and we've covered an awful lot of ground. Let's have a quick recap before moving on to building a shopping cart.

We started out by installing and configuring some additional dependencies in order to add some styles to the existing application. We also looked at the difference between fetching data before and after navigation occurs, before refactoring our current pages to pre-fetch their data. To round off the UX improvements, we added a page-level loading indicator between page changes, as well as a nice fade transition to make things smoother.

We then dropped back to the server side of the application and extended our existing data model to include a number of additional entities and model properties to support our needs of filtering and sorting the product list. We also created a whole load of...