Full Stack Isomorphic JavaScript with Vue.js & Node.js

5h 33m 49s
English
Paid

Course description

Learn to build full-stack isomorphic JavaScript web applications with Vue and Node.js along with the MEVN stack. The MEVN stack is a collection of great tools—MongoDB, Express.js, Vue.js, and Node.js—that provide a strong base for a developer to build easily maintainable web applications. With each of them a JavaScript or JavaScript-based technology, having a shared programming language means it takes less time to develop applications.

Read more about the course

This course enables you to build, test, and deploy full stack isomorphic applications with Node.js, Express, Vue.js, and MongoDB. You will start by setting up the development environment and grasping some of the essential concepts for building applications. You will then build a single page application using MEVN stack. You will also develop a songs playlist application wherein you will create a new playlist and search through YouTube videos. Next, you will learn to consume data from third-party APIs within your application as well as perform CRUD operations against a locally hosted API using the HTTP client Axios. Finally, you will learn to deploy the applications on the cloud.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 64 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online Full Stack Isomorphic JavaScript with Vue.js & Node.js

0:00
/
#1: The Course Overview

All Course Lessons (64)

#Lesson TitleDurationAccess
1
The Course Overview Demo
01:21
2
What You Should Know First
00:58
3
Single-Page Applications and Vue.js
04:06
4
NoSQL and MongoDB
02:19
5
Node.js and Express.js
01:42
6
Installing Node.js and Node Package Manager (NPM)
01:10
7
Installing Vue.js Command Line Interface (CLI) Project Generator
00:52
8
Installing MongoDB
03:46
9
Installing Integrated Development Environment (IDE)
00:54
10
Create Vue.js Application
01:46
11
Project Directory and Structure
02:45
12
Vue.js Components
14:57
13
Vue.js Router
06:39
14
Vue.js Navigation Guards
03:57
15
Vuex State Management
10:21
16
Create Server with Express.js
08:31
17
Learn to Use Express.js Router
05:51
18
Use Express.js Middleware and CORS Configuration
06:43
19
RESTful Endpoints with HTTP Controllers
07:52
20
Check HTTP Status Codes
03:18
21
Connect to MongoDB and Use MongoDB Compass GUI
02:41
22
Working with Entity Models
04:28
23
Create, Read, Update, and Delete (CRUD)
08:09
24
Encrypt Passwords with Node.js and BCrypt
02:56
25
Validate Passwords
08:40
26
JSON Web Tokens
03:13
27
Vue.js and JSON Web Tokens
01:19
28
User Authentication
03:07
29
Validating a User’s Session
03:55
30
Managing User's Session
03:16
31
Connecting Vue.js to Backend Server
25:33
32
Getting Ready for Production
03:20
33
Amazon Web Services and Amazon Elastic Compute Cloud
03:49
34
Deploying App to the Web
05:06
35
Final Thoughts
03:50
36
The Course Overview
03:33
37
First Step Towards Vue
02:41
38
Setting Up Vue Using Node.js
04:55
39
Basics, Directives, and Reactivity
06:53
40
Vue DevTools
05:35
41
Installing Vue-CLI and Creating a New Project
03:54
42
Tour of Project Files and What Are Single-File Components?
04:13
43
Using Axios to Consume a Third-Party API
05:55
44
Creating Custom Components and Importing Them
05:23
45
Installing Vuex and vue-router and Adding Them to the Vue Instance
04:02
46
Vue Core Concepts and How to Implement – Part 1
06:05
47
Vue Core Concepts and How to Implement – Part 2
05:30
48
How to Use vue-router and Router Links
06:46
49
Application Structure – Part 1
06:33
50
Application Structure – Part 2
02:34
51
Putting Together the Sample API Code and Adding to the Frontend Application
08:43
52
How to Set Up the Database
05:54
53
Demonstration of API in REST Client
04:08
54
Creating an Account and Then Authenticating /Getting a Token – Part 1
05:31
55
Creating an Account and Then Authenticating /Getting a Token – Part 2
05:19
56
Setup Login Page, Functionality and Adding the User – Part 1
05:06
57
Setup Login Page, Functionality and Adding the User – Part 1 - 2
04:29
58
Using the API to Create, Read, Update, and Delete Items – Part 1
08:14
59
Using the API to Create, Read, Update, and Delete Items – Part 2
05:06
60
Using the API to Create, Read, Update, and Delete Items – Part 3
07:12
61
Using the API to Create, Read, Update, and Delete Items – Part 4
07:08
62
Using the Vuex Store as a Single Point of Contact to the API
04:57
63
Testing
08:01
64
Security
06:19

Unlock unlimited learning

Get instant access to all 63 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Discord Clone - Learn MERN Stack with WebRTC and SocketIO

Discord Clone - Learn MERN Stack with WebRTC and SocketIO

Sources: udemy
Learn how to connect MERN Stack with WebRTC and SocketIO. We will go through all of the steps to create application with group call functionality. We will crea
19 hours 29 minutes 29 seconds
Crash Course: Build a Full-Stack Web App in a Weekend!

Crash Course: Build a Full-Stack Web App in a Weekend!

Sources: udemy
Do you want to learn the fundamentals of modern web development fast? Do you want to find out if building websites and apps is the right career path for you? Or maybe you just w...
12 hours 13 minutes 30 seconds
TypeScript with Vue.js 3

TypeScript with Vue.js 3

Sources: vueschool.io
TypeScript is a super set of the JavaScript language that introduces static typing. In recent years, it's taken the JavaScript community by storm due to it's ab
1 hour 37 minutes 47 seconds
Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)

Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)

Sources: udemy
GraphQL is a query language for your API, and a server-side runtime for executing queries by using a type system you define for your data. GraphQL isn't tied to
28 hours 38 minutes 19 seconds