Full Stack Isomorphic Javascript With Vue.Js & Node.Js

Learn to build isomorphic JavaScript web applications using MEVN Stack - MongoDB, Express, Vue.js, and Node.js

What you'll learn

Build, test, and deploy web applications with Node .js, Express, Vue .js, and MongoDB

Create Single Page Applications using the Vue .JS command-line interface tool

Learn to manage application state with Vuex Library

Implement application routing with Vue .js Router

Create a songs playlist application using MEVN stack

Build a secure RESTful API with Express, including user authentication

Learn about the HTTP client Axios to consume REST APIs to get data

Deploy production-ready applications to the cloud

Requirements

Familiarity with JavaScript programming is assumed.

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.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.By the end of this course, you will be able to build your own web and isomorphic applications using MEVN stack.Meet Your Expert(s):We have the best work of the following esteemed author(s) to ensure that your learning journey is smooth:David Acosta is a professional Software Developer with a Bachelor of Science degree in Information Technology Management and more than three years' experience in web development. As a developer for CollaborateMD Inc., David develops web-based medical billing and practice management software services for independent practices and hospitals. His work mainly focuses on JavaScript, TypeScript, and Java-based technologies such as Angular 2, Spring, Swing, and JQuery. He also has extensive knowledge of many other libraries and frameworks such as Laravel, React.JS, Vue.js, Ruby on Rails, Bootstrap, and more.Haider Rehman works as a DevOps and a Software Engineer for a well-known software company and has over 8 years of experience as a developer. He has a Master's degree in Telecom Systems and a Bachelor's degree in Telecommunication; after obtaining these, he switched to programming in IT and telecommunications to get a feel for the industry. Haider enjoys hanging out with friends, music, and coding.

Overview

Section 1: Isomorphic JavaScript with MEVN Stack

Lecture 1 The Course Overview

Lecture 2 What You Should Know First

Lecture 3 Single-Page Applications and Vue.js

Lecture 4 NoSQL and MongoDB

Lecture 5 Node.js and Express.js

Lecture 6 Installing Node.js and Node Package Manager (NPM)

Lecture 7 Installing Vue.js Command Line Interface (CLI) Project Generator

Lecture 8 Installing MongoDB

Lecture 9 Installing Integrated Development Environment (IDE)

Lecture 10 Create Vue.js Application

Lecture 11 Project Directory and Structure

Lecture 12 Vue.js Components

Lecture 13 Vue.js Router

Lecture 14 Vue.js Navigation Guards

Lecture 15 Vuex State Management

Lecture 16 Create Server with Express.js

Lecture 17 Learn to Use Express.js Router

Lecture 18 Use Express.js Middleware and CORS Configuration

Lecture 19 RESTful Endpoints with HTTP Controllers

Lecture 20 Check HTTP Status Codes

Lecture 21 Connect to MongoDB and Use MongoDB Compass GUI

Lecture 22 Working with Entity Models

Lecture 23 Create, Read, Update, and Delete (CRUD)

Lecture 24 Encrypt Passwords with Node.js and BCrypt

Lecture 25 Validate Passwords

Lecture 26 JSON Web Tokens

Lecture 27 Vue.js and JSON Web Tokens

Lecture 28 User Authentication

Lecture 29 Validating a User’s Session

Lecture 30 Managing User's Session

Lecture 31 Connecting Vue.js to Backend Server

Lecture 32 Getting Ready for Production

Lecture 33 Amazon Web Services and Amazon Elastic Compute Cloud

Lecture 34 Deploying App to the Web

Lecture 35 Final Thoughts

Section 2: Full Stack Web Development with Vue.js and Node.js

Lecture 36 The Course Overview

Lecture 37 First Step Towards Vue

Lecture 38 Setting Up Vue Using Node.js

Lecture 39 Basics, Directives, and Reactivity

Lecture 40 Vue DevTools

Lecture 41 Installing Vue-CLI and Creating a New Project

Lecture 42 Tour of Project Files and What Are Single-File Components?

Lecture 43 Using Axios to Consume a Third-Party API

Lecture 44 Creating Custom Components and Importing Them

Lecture 45 Installing Vuex and vue-router and Adding Them to the Vue Instance

Lecture 46 Vue Core Concepts and How to Implement – Part 1

Lecture 47 Vue Core Concepts and How to Implement – Part 2

Lecture 48 How to Use vue-router and Router Links

Lecture 49 Application Structure – Part 1

Lecture 50 Application Structure – Part 2

Lecture 51 Putting Together the Sample API Code and Adding to the Frontend Application

Lecture 52 How to Set Up the Database

Lecture 53 Demonstration of API in REST Client

Lecture 54 Creating an Account and Then Authenticating /Getting a Token – Part 1

Lecture 55 Creating an Account and Then Authenticating /Getting a Token – Part 2

Lecture 56 Setup Login Page, Functionality and Adding the User – Part 1

Lecture 57 Setup Login Page, Functionality and Adding the User – Part 1

Lecture 58 Using the API to Create, Read, Update, and Delete Items – Part 1

Lecture 59 Using the API to Create, Read, Update, and Delete Items – Part 2

Lecture 60 Using the API to Create, Read, Update, and Delete Items – Part 3

Lecture 61 Using the API to Create, Read, Update, and Delete Items – Part 4

Lecture 62 Using the Vuex Store as a Single Point of Contact to the API

Lecture 63 Testing

Lecture 64 Security

This course is for web developers who want to create amazing real-world applications using MEVN Stack.