Video description
Get to grips with robust and advanced application building with Mongo, Express, Vue, Node, Vuex, webpack, Mongoose, and Vue Router
About This Video
- Learn how to plan, organize, structure and build a full stack real-world project from scratch
- Understand and use advanced concepts such as Vue.js, Vue router, and Vuex
- Take any project from start to finish by learning how to pair Node.js and Vue.js correctly
In Detail
This course will not only guide you on how to build REST APIs with Node.js v8+, Express v4+ and MongoDB v4+, but it will also teach you how to consume a REST API with the powerful frontend framework, Vue.js v2+.You’ll go through 4 hours of helpful HD videos that will help you understand the concepts you need to know to build advanced applications. In addition to this, you’ll also work on a real-world project, building the backend and frontend of a real authentication system.
By the end of this course, you’ll be well-versed with Vuex, Vue.js, and Node.js concepts and have gained the skills to build efficient and scalable applications.
Publisher resources
Table of contents
-
Chapter 1 : Introduction
- What we'll build 00:04:45
-
Chapter 2 : Project
- Initialise project and install babel 00:04:40
- Install mongoose and connect to database 00:04:09
- API versioning and setting up auth routes 00:03:49
- Add babel module resolver for cleaner imports 00:02:09
- Install prettier 00:01:31
- Installing webpack for client 00:04:33
- Setup webpack dev middleware 00:04:07
- Adding vue loader to webpack 00:04:29
- CSS Loader 00:03:54
- Installing Tailwind CSS 00:03:55
- Install vue router 00:03:52
- Hot module replacement 00:04:26
- Design home screen 00:11:19
- Design register screen 00:10:35
- Custom input component 00:04:54
- Validating forms with vee validate 00:06:24
- Installing vuex 00:07:07
- Defining user schema 00:04:29
- Hashing user password 00:02:16
- Sending email confirmation mails 00:08:34
- Button loading state 00:07:00
- Json Web Tokens 00:03:32
- Persisting authentication 00:04:01
- Full stack validation 00:13:17
- User login server side 00:05:28
- User login client side 00:02:57
- Form mixin 00:02:55
- Auth mixin 00:08:17
- Forgot password form 00:04:28
- Sending password reset links 00:06:52
- Validating forgot password 00:05:11
- Reset password client 00:03:56
- Password resets 00:04:58
- Expired password resets 00:02:42
- Email confirmation on the server 00:04:09
- Client-side email confirmation 00:06:18
- Resend email confirmation client side 00:04:38
- Resend email confirmation server side 00:07:11
- Conditionally displaying confirmation bar 00:06:38
- Flash messages with vuex 00:06:33
- Displaying flash messages 00:06:32
Product information
- Title: Fullstack Enterprise MEVN: Mongo, Express, Vue, and Node
- Author(s):
- Release date: February 2020
- Publisher(s): Packt Publishing
- ISBN: 9781800202276
You might also like
video
The Modern JavaScript Bootcamp (2019)
Learn JavaScript by building real-world apps. Includes 3 real-world projects, 80 programming challenges, and ES6/ES7! About …
video
The Complete Node.js Developer Course (3rd Edition)
Learn Node.js by building real-world applications with Node, Express, MongoDB, Mocha, and more! About This Video …
video
React - The Complete Guide (incl. Hooks, React Router and Redux)
Dive in and learn React from scratch! Learn Reactjs, Redux, React Routing, Animations, Next.js basics and …
video
Node.js - The Complete Guide
Master Node.js to build REST APIs, GraphQL APIs, add authentication, use MongoDB, SQL, and much more! …