ASP.NET Core 2 and Vue.js

Leverage ASP.NET core 2.0 web API and the power of Vue.js at the client side to create modern applications from scratch

Key Features

• Create fast, rich and reactive client side applications with Vue.js and ASP.NET Core.
• Leverage Vue components efficiently to build state of the art user interfaces.
• Work with Vuex and Nuxt.js to build ASP.NET Core based applications that are powerful, consistent, and maintainable

Book Description

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.

What you will learn

• Setup a modern development environment for building both client-side and server-side code
• Use Vue CLI to scaffold front-end applications
• Build and compose a set of Vue.js components
• Setup and configure client-side routing to introduce multiple pages into a SPA
• Integrate popular CSS frameworks with Vue.js to build a product catalogue
• Build a functioning shopping cart that persists its contents across browser sessions
• Build client-side forms with immediate validation feedback using an open-source library dedicated to Vue.js form validation
• Refactor backend application to use the OpenIddict library

Who this book is for

This book is aimed at ASP.NET developers who are looking for an entry point in learning how to build a modern client-side SPA with Vue.js, or those with a basic understanding of Vue.js who are looking to build on their knowledge and apply it to a real-world application. Knowledge of JavaScript is not necessary, but would be an advantage.

Table of Contents

1. Understanding the Fundamentals
2. Setting up the development environment
3. Getting Started with the Project
4. Building our first Vue.js components
5. Building a product catalogue
6. Building a shopping cart
7. User registration / authentication
8. Processing payments
9. Building an admin panel
10. Deployment
11. Authentication – OpenID Connect
12. Server-side rendering
13. Continuous integration / deployment