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
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
0. Introduction
- 01 - What's the benefit of Vue.js
- 02 - Vue framework overview
1. Setting Up the Infrastructure
- 03 - Demo application overview
- 04 - Architectural overview
- 05 - Create and configure the Vue.js project
2. Displaying Data in Vue
- 06 - Creating the component
- 07 - Showing your data
- 08 - Refining your layout
3. Getting Your Data from Node
- 09 - Setting up Express
- 10 - Creating a service
- 11 - Updating your front end to get data from service
4. Saving Your Data to Node
- 12 - Creating a post service
- 13 - Saving data to a list
5. Creating a Form
- 14 - Creating the component
- 15 - Getting input data
- 16 - Sending message data
- 17 - Communicating between multiple components
- 18 - Creating a data store in your service
- 19 - Intro to Vuex
6. Navigating with Router
- 20 - Creating a nav bar
- 21 - Setting up routes
- 22 - Adding a new message route
- 23 - Using route parameter
7. Registering Users
- 24 - Creating a register layout
- 25 - Creating a Node register service
- 26 - Authenticating with JSON Web Tokens
- 27 - Getting authentication payload
- 28 - Displaying authentication status
- 29 - Logging out
8. Logging In
- 30 - Creating a login component
- 31 - Creating the login services
Conclusion
- 32 - Next steps