Packt+ | Advance your knowledge in tech

0

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

ASP.NET Core 2 and Vue.js

You're reading from ASP.NET Core 2 and Vue.js Full Stack Web Development with Vue, Vuex, and ASP.NET Core 2.0

Product type Paperback

Published in Jul 2018

Publisher Packt

ISBN-13 9781788839464

Length 556 pages

Edition 1st Edition

Languages

C#

Tools

ASP.NET

Concepts

Full Stack Web Development

Author (1):

Ratcliffe

View More author details

Table of Contents (19) Chapters

Title Page

Dedication

Packt Upsell

Preface

1. Understanding the Fundamentals FREE CHAPTER

2. Setting Up the Development Environment

3. Getting Started with the Project

4. Building Our First Vue.js Components

5. Building a Product Catalog

6. Building a Shopping Cart

7. User Registration and Authentication

8. Processing Payments

9. Building an Admin Panel

10. Deployment

11. Authentication and Refresh Token Flow

12. Server-Side Rendering

13. Continuous Integration and Continuous Deployment

1. Other Books You May Enjoy

Leave a review - let other readers know what you think

Index

Improving the UX with add to cart feedback

Our cart is now fully functional, and as such we could leave it as is. However, when clicking the Add to cart button, there is no feedback as to whether or not something happened. Some online shops take you to the shopping cart page as and when you add a product to your cart, and if that's your preferred approach, then it should be a fairly simple change for you to add a page change as part of the button click handler. However, to demonstrate a different approach, we'll use a library called toastr to provide instant feedback to the user that something positive happened.

Note

This section is completely optional, and will have no negative effects on the rest of the application if you choose to skip it for any reason!

First, we need to download a new npm module. The original toastr library has a dependency on jQuery, so instead we'll use another open source alternative that is built specifically for use with Vue instead. Open Terminal and run the following...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $15.99/month. Cancel anytime

Authors (1)

Ratcliffe

Ratcliffe

Stuart Ratcliffe is a professional software developer who lives and works in the East Midlands, UK. He has held positions at some of the largest IT companies in the world, working on high-profile projects for the UK government. Currently, he has been working on track-and-trace systems for medical instruments that undergo sterilization. He holds a Tech Lead position on the digital side of a healthcare company, building both web and mobile applications to support the clinical side of the business. He is a full-stack .NET developer who loves to learn new technologies.

See other products by Ratcliffe

Other recommended products

Related to this chapter

Bootstrap 4 Cookbook

Bootstrap 4 Cookbook

Bootstrap, one of the most complete frameworks, is perfectly built to design elegant, powerful, and responsive interfaces for professional-level web pages. It supports responsive design by dynamically adjusting your web page layout. Bootstrap 4 is a major update with many impressive changes that greatly enhance the end results produced by Bootstrap. This cookbook is a collection of great recipes that show you how to use all the latest features of Bootstrap to build compelling UIs.

Jun 2017 11h 16m

Building Forms with Vue.js

Building Forms with Vue.js

Building forms with Vue.js will guide you step by step to transform your online forms into a schema driven powerhouse. With the use of some of the core and most popular libraries you will be able to go from zero to hero.

Oct 2019 3h 36m

Vuex Quick Start Guide

Vuex Quick Start Guide

State management preserves the state of controls in an user interface. Vuex is a state management tool for Vue.js that makes the architecture easier to understand, maintain and evolve. This book is the easiest way to get started with Vuex to improve your Vue.js application architecture and overall user experience.

Vue.js 3 By Example

Vue.js 3 By Example

This book focuses on the popular frontend web framework Vue's latest version, Vue 3.0. You'll explore the Vue ecosystem, discover how you can use it to achieve impressive results in a short space of time, and learn essential Vue 3 concepts by building real-world applications.

Apr 2021 10h 40m

Vue.js: Understanding its Tools and Ecosystem

Vue.js: Understanding its Tools and Ecosystem

Vue.js is one of the most preferred JavaScript frameworks and is used by several organizations such as NASA and Expedia. With this book, you'll learn the fundamental concepts of Vue.js and the popular technologies that make up its ever-growing ecosystem.

Nov 2019 6h 28m

Vue.js 2.x by Example

Vue.js 2.x by Example

Vue.js is a frontend web framework which makes it easy to do just about anything, from displaying data up to creating full-blown web apps, and has become a leading tool for web developers. This book puts Vue.js into a real-world context, stepping you through example projects to show you how to build Vue.js applications from start to finish.

Dec 2017 13h 44m

Vue.js Quick Start Guide

Vue.js Quick Start Guide

Vue.js is the latest trending frontend framework. Simplicity, reactivity, and ?exibility are some of the key benefits that Vue offers to developers. This book will help you learn everything you need to know to build stunning reactive web apps with Vue.js 2 quickly and easily.

Oct 2018 6h 12m

Vue.js 2 Web Development Projects

Vue.js 2 Web Development Projects

Do you want to make your web application amazingly responsive? Are you unhappy with your app's performance and looking forward to trying out ways to make your app more powerful? Then Vue.js, a framework for building user interfaces, is a great choice, and this book is the ideal way to put it through its paces. This book's project-based approach will get you to build six stunning applications from scratch and gain valuable insights in Vue.js 2.5.

Nov 2017 13h 16m

Full-Stack Vue.js 2 and Laravel 5

Full-Stack Vue.js 2 and Laravel 5

Vue is a JavaScript framework that can be used for anything from simple data display to sophisticated front-end applications and Laravel is a PHP framework used for developing fast and secure web-sites. This book gives you practical knowledge of building modern full-stack web apps from scratch using Vue with a Laravel back end. In this book, you will build a room-booking website named "Vuebnb". This project will show you the core features of Vue, Laravel and other state-of-the-art web development tools and techniques.

Dec 2017 12h 32m

Vue.js 2 Design Patterns and Best Practices

Vue.js 2 Design Patterns and Best Practices

Vue.js is a lightweight and easy-to-learn JavaScript library for building user interfaces. With its faster and lighter Virtual DOM implementation, easier to learn, flexible, less opinionated solution, and many features, Vue.js is giving a good competition to the popular frameworks and libraries such as React and Angular. This book takes a complete journey to exploring the important design patterns in Vue and implementing them in real life scenarios

Mar 2018 11h 28m

Hands-on Nuxt.js Web Development

Hands-on Nuxt.js Web Development

Nuxt.js is a progressive web framework for adding SSR capabilities to Vue.js apps. This practical guide will help you up and running with the fundamentals of Nuxt.js, how to integrate it with the latest version of Vue.js and enable you to build an entire project including authentication, testing, and deployment with Nuxt.js and Vue.js.

Aug 2020 23h 16m

Vue.js 2 and Bootstrap 4 Web Development

Vue.js 2 and Bootstrap 4 Web Development

Vue.js is one of the latest new frameworks to have piqued the interest of web developers due to its reactivity, reusable components, and ease of use. When you combine Bootstrap with Vue.js, it provides quicker ways to create responsive web applications. This book teaches you to add dynamic functionality to your web applications by combining Bootstrap with Vue.js. In this book, we will combine Bootstrap with Vue.js to form a complete front-end stack and build highly reactive and responsive applications.

Sep 2017 10h 20m

Personalised recommendations for you

Based on your interests and search pattern

ASP.NET Core 9 Web API Cookbook

ASP.NET Core 9 Web API Cookbook

Get ready for the future of web API development by working through practical recipes covering REST, GraphQL, SignalR, and gRPC. This book is ideal for .NET developers eager to learn best practices in API security, data access optimization, and more.

Apr 2025 11h 28m

Spring System Design in Practice

Spring System Design in Practice

This book guides you through the intricacies of building robust software architectures with Spring. You'll get hands-on with the tools and best practices needed to design scalable, secure, and high-performance applications.

May 2025 15h 4m

Learn React Hooks

Learn React Hooks

This ultimate guide to Hooks shows you how to manage state, handle form submissions, fetch data using Suspense, and build reusable custom Hooks. This edition includes the latest Hooks and introduces modern React 19 features with real-world use cases.

May 2025 12h 24m