Fullstack Enterprise MEVN: Mongo, Express, Vue, and Node

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

Download Example Code

Table of contents

  1. Chapter 1 : Introduction
    1. What we'll build 00:04:45
  2. Chapter 2 : Project
    1. Initialise project and install babel 00:04:40
    2. Install mongoose and connect to database 00:04:09
    3. API versioning and setting up auth routes 00:03:49
    4. Add babel module resolver for cleaner imports 00:02:09
    5. Install prettier 00:01:31
    6. Installing webpack for client 00:04:33
    7. Setup webpack dev middleware 00:04:07
    8. Adding vue loader to webpack 00:04:29
    9. CSS Loader 00:03:54
    10. Installing Tailwind CSS 00:03:55
    11. Install vue router 00:03:52
    12. Hot module replacement 00:04:26
    13. Design home screen 00:11:19
    14. Design register screen 00:10:35
    15. Custom input component 00:04:54
    16. Validating forms with vee validate 00:06:24
    17. Installing vuex 00:07:07
    18. Defining user schema 00:04:29
    19. Hashing user password 00:02:16
    20. Sending email confirmation mails 00:08:34
    21. Button loading state 00:07:00
    22. Json Web Tokens 00:03:32
    23. Persisting authentication 00:04:01
    24. Full stack validation 00:13:17
    25. User login server side 00:05:28
    26. User login client side 00:02:57
    27. Form mixin 00:02:55
    28. Auth mixin 00:08:17
    29. Forgot password form 00:04:28
    30. Sending password reset links 00:06:52
    31. Validating forgot password 00:05:11
    32. Reset password client 00:03:56
    33. Password resets 00:04:58
    34. Expired password resets 00:02:42
    35. Email confirmation on the server 00:04:09
    36. Client-side email confirmation 00:06:18
    37. Resend email confirmation client side 00:04:38
    38. Resend email confirmation server side 00:07:11
    39. Conditionally displaying confirmation bar 00:06:38
    40. Flash messages with vuex 00:06:33
    41. Displaying flash messages 00:06:32

Product information

  • Title: Fullstack Enterprise MEVN: Mongo, Express, Vue, and Node
  • Author(s): Kati Frantz
  • Release date: February 2020
  • Publisher(s): Packt Publishing
  • ISBN: 9781800202276