Building Vue and Node Apps with Authentication

2h 19mIntermediate2019-07-24

Authors

Alexander Zanfir

President of SocialPlay Inc.

Course details

You're already familiar with the up-and-coming Vue.js framework, and Node.js has become a standard in back-end production. In this course, Alexander Zanfir shows how to leverage these technologies together to build a full-stack app in JavaScript. Alexander demonstrates how to build an interface in Vue.js that can send information to a Node.js server and adjust to its responses, as well as make sure that only authorized users can visit. He steps through how to develop a new feature in nearly every video, emphasizing practical demonstrations in code over theoretical discussions of key concepts. Discover how to get your data from Node.js, navigate with Router, register users, create a login component, and more.

Learning objectives
Setting up the infrastructure
Displaying data in components
Saving data to Node.js
Communicating between multiple components
Registering users
Creating a login component

Skills covered

Vue.jsNode.jsIdentity and Access ManagementJavaScript FrameworksProjectCybersecurityWeb DevelopmentOpen Source

Concepts

Introduction

What's the benefit of Vue.js
Vue framework overview

Setting Up the Infrastructure

Demo application overview
Architectural overview
Create and configure the Vue.js project

Displaying Data in Vue

Creating the component
Showing your data
Refining your layout

Getting Your Data from Node

Setting up Express
Creating a service
Updating your front end to get data from service

Saving Your Data to Node

Creating a post service
Saving data to a list

Creating a Form

Creating the component
Getting input data
Sending message data
Communicating between multiple components
Creating a data store in your service
Intro to Vuex

Navigating with Router

Creating a nav bar
Setting up routes
Adding a new message route
Using route parameter

Registering Users

Creating a register layout
Creating a Node register service
Authenticating with JSON Web Tokens
Getting authentication payload
Displaying authentication status
Logging out

Logging In

Creating a login component
Creating the login services

Conclusion

Next steps