Using Vue with ASP.NET Core By Example

Creating large, monolithic SPAs is all the rage, but not all solutions need a single page application. I found that improving parts of my web projects with islands of functionality was better in many cases, but the complexity of Angular and my hatred of .jsx made me yearn for a modern framework that is simple and straightforward. That’s where Vue came in and saved the day.

Vue is a scalable framework that is used to add interactivity to web sites as well as being able to build complete Single Page Applications (SPAs). Instead of taking on the full complexity of a full build system, you can start small with Vue and scale as your needs change. Vue has been specifically built to handle a variety of scenarios, instead of being singularly focused on large, enterprise-scale applications. While using transpilers, loaders, and command-line tools are possible, Vue also allows you to just drop a single JavaScript file on your page and start building smart, client-side interactivity.

In this course, I'll start with an existing ASP.NET Core 2.0 webiste and add a small Vue application and scale it up to show all of what is capable with Vue. While I'll begin with a simple web page, I will scale it up to a full SPA using Webpack and ES2015.

This course will be released as an Early Access course for the early adopters out there. What that means is that I'll be releasing each module as it's completed. The plan is to release a module a week starting April 16th. If you want to join me for this new experiment in how I want to release the course. You can get the course for only $79 while the course is being created. Once completed, we'll be increasing the price. The course will never expire and you'll get updates for the life of the course.

The outline for the course includes:

• Getting Started with Vue (Available 04/16/2018)
  • Why Another Framework?
  • What is Vue?
  • Do You Really Need a Single Page Application?
  • Getting Vue
  • Hosting Your First Vue in ASP.NET Core
• Vue Basics (Available 04/23/2018)
  • Declarative Rendering
  • Using Filters
  • List Binding
  • Event Binding
  • Form Binding
  • Life-cycle of Vue
• Practical Vue (Available 04/30/2018)
  • Calling ASP.NET Core APIs with Axios
  • Using Transitions
  • Input Validation with VeeValidate
  • Computed Properties
  • Watching Properties
• Components with Vue (Available 05/07/2018)
  • Your First Component
  • Using Component Properties
  • Component Registration
  • Using Templates with HTML and
  • Single-File Components
  • Nested Components
• Scaling up to Single Page Applications (Available 05/14/2018)
  • Adding Routing with VueRouter
  • Loading with Webpack
  • Using ES2015 with Vue
  • Architecting Large Applications
  • Using Token Authentication with Vue
• Securing Vue with JWTs (Available 05/21/2018)
  • Generating a JWT from Vue
  • Storing and Re-using JWT with Vue
  • Calling Web APIs with JWT Authentication
  • Securing Views with Vue
  • Dealing with Timeouts
• Reactivity with Vuex (Available 05/28/2018)
  • What is Reactive Programming
  • Adding Vuex to Your Project
  • Creating Your First Store
  • Mutating State
  • Using Modules for Composing State