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

5h 33m 49s
English
Paid

Build dynamic and efficient web applications with our comprehensive course on full-stack isomorphic JavaScript using Vue.js and Node.js. Dive into the MEVN stack, a powerful combination of MongoDB, Express.js, Vue.js, and Node.js, designed to streamline your development process by leveraging a unified JavaScript technology stack.

Course Overview

This course is expertly crafted to guide you through the creation, testing, and deployment of full-stack isomorphic applications. Utilizing Node.js, Express, Vue.js, and MongoDB, you'll gain hands-on experience from setup to deployment. Experience the efficiency of shared programming languages across your development stack, reducing complexity and development time.

Course Modules

Setting Up the Development Environment

Begin by configuring your development environment and grasping essential concepts for building robust applications. This foundational knowledge is crucial for a smooth development journey.

Building a Single Page Application (SPA) with MEVN

Learn to create a dynamic SPA by leveraging the powerful capabilities of the MEVN stack. Understand how each component of the stack integrates smoothly to produce seamless user experiences.

Developing a Songs Playlist Application

Engage in an exciting project where you'll build a songs playlist application. You'll not only create and manage new playlists but also explore how to search through YouTube videos, enriching the user interaction within your application.

Integrating Third-Party APIs and Local CRUD Operations

Enhance your application by learning to consume data from third-party APIs. Gain proficiency in performing CRUD operations using the HTTP client Axios against a locally hosted API, equipping you with the skills to handle real-world data interchange scenarios.

Deploying Applications on the Cloud

Complete your learning journey by understanding the best practices for cloud deployment. Ensure your applications are not only well-developed but also accessible and scalable on the cloud.

Conclusion

Embrace the full potential of the MEVN stack with our in-depth course, and step confidently into the world of full-stack development with Vue.js and Node.js. Gain the skills to efficiently build, test, and deploy versatile web applications in an increasingly dynamic tech landscape.

About the Author: udemy

udemy thumbnail
By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams. Udemy is the leading global marketplace for teaching and learning, connecting millions of students to the skills they need to succeed. Udemy helps organizations of all kinds prepare for the ever-evolving future of work. Our curated collection of top-rated business and technical courses gives companies, governments, and nonprofits the power to develop in-house expertise and satisfy employees’ hunger for learning and development.

Watch Online 64 lessons

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
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