Loading...

Enterprise Vue

Learn to build a full-stack Vue.js CRUD app and authenticated Node.js API with unit testing, modern JavaScript and best practices.

A premium video training course by Anthony Gore, creator of Vue.js Developers and author of Full-Stack Vue 2 & Laravel 5.

What you'll learn

Unlike simple "to-do" apps, enterprise apps have numerous features with complex requirements, but must also balance high performance, stability in production and ease of maintenance.

Enterprise Vue is the course for learning to build fully-tested, production-ready Vue applications that are suitable for commercial purposes.

You simply will not find any other courses with the material depth and focus on best practices and enterprise development principles.

Technologies included

Vue CLI 3

Vue CLI 3

Project Scaffolding
Vuetify

Vuetify

UI Component Library
ES6

ES6

Modern JavaScript
Express

Express

Node Framework
Mongo DB

Mongo DB

NoSQL Database
Postman

Postman

API Development Environment
JWT

JWT

Authentication Standard
ESLint

ESLint

Code Consistency
Jest

Jest

Test Runner
Vue Test Utils

Vue Test Utils

Component Testing Framework
Nightwatch

Nightwatch

Automated Browser Testing
Heroku

Heroku

Cloud Hosting Platform

Features of the course:

  • Single-page app development with Vuex
  • Modern JavaScript from ES6 spec
  • Unit and E2E testing
  • Forms and input validation
  • Cloud deployment and CDN
  • RESTful API development
  • Token-based user authentication
  • Best-practice environment setup
  • Vue.js Style Guide compliance
  • Material Design user interface with Vuetify

What you'll build

The case-study project for this course is PrintBay , an online store for buying prints of famous art works. Shoppers can create an account and then add their favorite prints to a cart. The site owner can create new prints or edit existing ones from the admin interface.

PrintBay has been specially designed to capture all the development challenges you'll face when building enterprise Vue apps for your organization including environment setup, database storage, API authentication, testing and production deployment.

You can try a live version of PrintBay here.

How to enroll

Enterprise Vueis currently in production and will be available late 2018. Leave your name and email to be notified when it's ready and be eligible for aone-time launch discount and an early-bird bonus.

Who is this course for?

Enterprise Vueis for senior web developers (and aspiring senior web developers) looking to build the skill-set required for professional Vue.js application development. It's also perfect for startups or development teams looking for a guided blueprint of an enterprise-ready Vue application.

This course presumes that you're comfortable with the basics of Vue, Node, JavaScript and general web development. If you're at an advanced level in these fields, you'll be able to complete the course quicker.

Just starting with Vue?

If you're just starting out, I recommend you begin with my Ultimate Vue.js 2 Developers Course to build the foundational skills of single-page app development with Vue and Vuex.

What's included?

High-quality video lessons

Special attention has been given to ensure each video is paced fast enough to keep you interested without skipping important details.

English captions

I think my accent is cool, but I've provided human-created subtitles to ensure you never have trouble understanding.

Complete source code for every lesson

Access to the source code will help you understand the app more deeply and allow you to pickup the project from any lesson.

Full transcripts

Transcripts of the videos are provided for quick searching and for later reference.

Trust the experts!

Writing perfectly flawless, compliant code is beyond one person, which is why the code in this course has been carefully reviewed by Vue experts including:

  • Reviewer 1, job role
  • Reviewer 2, job role

Course modules

Module # 1
Module # 1

Project Scaffolding

In this module, we learn how to set up our environment and project structure for full-stack enterprise development.

We use Vue CLI 3 for scaffolding and ESLint for code consistency. We then lay the foundations of our SPA by setting up basic routes and view components.

vue-clivue-routereslintwebpack
Module # 2
Module # 2

UI Development

Next, we install the Vuetify component library for creating a consistent, grid-based, responsive layout. We'll use Vuetify to add detail to our pages including the item pages and shopping cart.

We'll use Axios to load app data from the server, and Vuex to manage cross-page application state.

vuetifyaxiosvuex
Module # 3
Module # 3

Validated Forms

To allow a user to create or update items, we'll need forms. Forms are always tricky, but Vuetify offers some useful form components. We'll also use the Vuelidate validation library to vet user data before it's sent to the API.

vuelidate
Module # 4
Module # 4

Frontend Authentication

In this module, we'll setup login and registration pages for the app. We'll use the Vue Auth library for managing authentication sessions and for protecting routes based on user role.

vue-authvue-routerjwt
Module # 5
Module # 5

Frontend Unit Testing

We'll now get an introduction to frontend testing. We'll set up Jest as a test runner and create our first component tests using Vue Test Utils.

Once we're comfortable with the basics of component testing, we look at some other methods like "snapshot" tests and create unit tests for the Vuex store to ensure its integrity.

jestvue-test-utilstdd
Module # 6
Module # 6

Server Scaffolding

Now that our frontend app is prepared, it's time to build the backend API. In this module, we'll scaffold a Express server and connect a MongoDB database.

We'll then set up some routes for our key CRUD operations and create a seeding script to provide test data.

nodeexpressmongomongoose
Module # 7
Module # 7

API Authentication

In this module, we'll add the final piece of application: a user model that allowing us to protect our database resources. We'll then add encrypted JSON web tokens (JWT) to our API request and response headers to verify requests from our Vue client.

mongoosejwt
Module # 8
Module # 8

API Testing

We'll now install the Mocha test runner and learn how Supertest can be used for API testing. We'll then create unit tests to ensure the requests to our API endpoints provide the correct HTTP responses and database state.

mochachaipostmansupertest
Module # 9
Module # 9

Automated Browser Testing

We've unit tested the frontend components and each API route. To be sure our app is stable, we need to implement E2E (end-to-end) testing. To do this, we'll use the Nightwatch JavaScript framework which automates browser actions allowing use to ensure our main use cases function perfectly.

nightwatchseleniume2e
Module # 10
Module # 10

Production Build and Cloud Deployment

Now that we've completed our app, it's time to deploy it for production. In this module, we prepare our app for production. We'll then create a free Heroku app and deploy the API. Finally, we set up a process to automatically deploy our static assets to a CDN.

heroku

How to enroll

Enterprise Vueis currently in production and will be available late 2018. Leave your name and email to be notified when it's ready and be eligible for aone-time launch discount and an early-bird bonus.

Meet the instructor

I'm Anthony Gore, author of the book Full-Stack Vue.js 2 and Laravel 5 and instructor of the Ultimate Vue.js 2 Developers Course, an introductory course on Vue which has had over 5000 students since its launch in 2016.

I also share my knowledge about Vue and related tools on the Vue.js Developers Blog, and curate the Vue.js Developers Newsletter which has over 7500 weekly subscribers.

This course is the culmination of everything I've learned while working heavily with Vue over the past 2 years. Join me in this course and I'll pass that knowledge on to you!

Reviews

This course is still in production, but here are some nice things people said about my other courses:

"Anthony could make a course about how to make a good course. It is easy to follow, to understand and each short video covers a tiny, comprehensive feature, just as it should."

Hector Bella Ticoulat, student of the Ultimate Vue.js 2 Developers Course

"The instructor knows his stuff, and the way of gradually introducing new features and showing multiple projects from start to finish is a great way to bring students along."

Matthew Horvat, student of the Ultimate Vue.js 2 Developers Course

"This course is exactly what I was looking for, not much theory, more key concepts, and more hands on the code, really well-structured course"

Marco Munoz, student of the Ultimate Vue.js 2 Developers Course

"Super-clear, quality teaching. Easy to follow and to understand. Recommended."

Darren-Lee Joseph, student of the Ultimate Vue.js 2 Developers Course

"Excellent course. To the point - issues discussed are relevant only to the framework in question - no unnecessary tangents (like vanilla js, css, or unrelated backend concepts). Everything is explained in context of real world apps. 10/10 would buy again."

Andre M, student of the Ultimate Vue.js 2 Developers Course

"Anthony provided a great introduction to Vue.js! After completing the course, I feel like I understand the core foundation of Vue.js and can dive right in to building applications and learning additional features of the framework."

Michael Frank, student of the Ultimate Vue.js 2 Developers Course

"Excellent teacher. I just started today, and kept going, because the information is relayed smoothly, and in a fun way. Bonus points for returning to improve/fix small issues, instead of leaving them as they are. I don't feel confused, or left behind, and the subject matter is properly explained as we go. If you want to enjoy learning Vue.js, take this course."

Eric Stone, student of the Ultimate Vue.js 2 Developers Course

"The course is comprehensive and gives deep details on many Vuejs features, yet introduces them gradually and with thorough explanations. It helps to close a gap between reading Vuejs documentation and building real applications fast and easily."

Eugene Nikolayev, student of the Ultimate Vue.js 2 Developers Course

"Excellent coverage of Vue js framework, the steady increase in complexity as the course goes on helps you retain information and gain a deep understanding of Vue."

Vincent Pauley, student of the Ultimate Vue.js 2 Developers Course

"Very helpful. I learned I lot of new stuff and I thinks its doing projects like that is the best way to learn. Thank you"

Ibrahim Hasan Abtula, student of the Ultimate Vue.js 2 Developers Course

Enterprise Vue

© 2018 Vue.js Developers. All Rights Reserved.