What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Setting Up the Development Environment

By this point, you should already be comfortable with the basics of Vue.js and ASP.NET Core, or have read the previous chapter. Either way, we're not going to waste any more time on theory! In my eyes, the best way to learn about a new programming language or a framework is to get stuck in and build something.

Before we can do anything else, we need to install a few things that we'll need to build and run the application, and also a few tools to make our lives easier. In summary, in this chapter, we're going to cover the following:

Choosing and installing a browser
Installing frontend tools and dependencies, such as Node and npm
Evaluating and choosing a frontend package manager
Installing backend tools and dependencies, such as ASP.NET Core and PostgreSQL
Choosing an IDE
Installing productivity tools to make our lives easier...

Key benefits

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

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.

Who is this book 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.

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

What do you get with eBook?

Instant access to your Digital eBook purchase

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

Frequently bought together

Vue.js 2 Design Patterns and Best Practices

€36.99

Full-Stack Web Development with Vue.js and Node

€36.99

€36.99

Total € 110.97

Filter reviews by

All

Packt verified reviews

Amazon verified reviews

street Feb 21, 2019

The author takes a learn as you build approach by walking through the development of a simple shopping cart application, but still manages to include enough how and why explanations so that you will actually learn what is going on. Well written and fairly comprehensive for a book covering two big frameworks. You will need to know c# and js and probably want some background with .net core and some introductory understanding of vue.I was able to follow along and build the entire application from scratch with no problems other than those I introduced myself through typos. I appreciated the use of Visual Studio Code and Postgres so the book is usable regardless of platform .net core supports.

Amazon Verified review

Kindle Customer Jan 09, 2019

As a developer familiar with ASP.NET Core, I bought this book to learn Vue.js with an ASP.NET Core slant and I am glad I did. Stuart walks you through the process of setting up a secure e-commerce site with Vue.js front-end and ASP.NET Core back-end/API. The completed project is maintained on github and contrary to some comments, it runs perfectly for me. The app front-end and back-end is a good reference architecture for medium size projects and the book walks you through each stage of the construction in a measured and informative style. Stuart goes into detail on most aspects of the build and I took a lot from his software architecting skills. I have read a few technical books recently which has been riddled with errors but this is not one of them. The writing quality is excellent and the review process has obviously been thorough.If you are a complete novice at front-end and back-end software development this is perhaps not the perfect book to read first but if you have the basic skills in web development already then this book will set you on an excellent path.In addition, Stuart has been very helpful in assistance with questions relating to subjects beyond the book.I would recommend this book highly.

James Irvine Aug 06, 2018

One of the best programming books I have ever read; Provides excellent introduction and guidance into creating a Vue SPA with .NET Core backend. I picked up multiple tips to assist with the application I am currently writing.It contains a lot of code for the sample web shop application but manages not to get bogged down in repetitively describing thsi code and how it works. The sample application (a phone webshop) gets built from scratch to a fully functional application with user authorisation, credit card handling and basic admin pages. Also includes processes such as setting up the development enviroment and continuous deployments to azure. Since it is so current (as at Aug 2018) the screen shots and guidance match current enviroment well.

G Nov 25, 2018

This book is Linux friendly. So far, I finished five chapters and I was able to run all the samples under Linux environment.Building a PhoneShop application from scratch is a good approach for learning ASP.Net and Vue.js.

Mark R. Dalsaso May 20, 2019

Following along with the PhoneShop shopping cart application is a good way to learn these technologies. I'm wrapping up chapter 5 now and I feel like it's going to to take a month (at least ) to get through this Odyssey! I'm not sure including all of the refactorings, (as exercises) is a good approach. However, there are a great many things to glean from this book, it is comprehensive, to say the least.

ASP.NET Core 2 and Vue.js: Full Stack Web Development with Vue, Vuex, and ASP.NET Core 2.0

What do you get with eBook?

ASP.NET Core 2 and Vue.js

Setting Up the Development Environment

Choosing a web browser

Installing frontend tools and dependencies

Installing Node and npm

Installing backend tools and dependencies

Installing ASP.NET Core

Productivity tools

Installing VS Code extensions

Summary

Page 1 of 6

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with eBook?

Product Details

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

Filter reviews by

People who bought this also bought

About the author

FAQs

ASP.NET Core 2 and Vue.js: Full Stack Web Development with Vue, Vuex, and ASP.NET Core 2.0

What do you get with eBook?

Contact Details

Billing Address

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with eBook?

Contact Details

Billing Address

Product Details

Packt Subscriptions

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

Filter reviews by

People who bought this also bought

About the author

FAQs