Loading...

What will you achieve as a Vue developer in 2020?

Whether you want to accelerate your career or step-up the quality of your craft.

Join this immersive online training program for Vue professionals in 2020.

Enroll Now

Hey, Vue developer!

I'm Anthony Gore and I'm the teacher to thousands of Vue developers through my books and courses. I'm also the curator of the weekly Vue.js Developers Newsletter, and an official Vue Community Partner.

It's my belief that every developer should be working on a project that they love, with a company that values them, and getting paid great money to do it.

However, many developers getting stuck when they neglect to properly learn the core enterprise development skills including full-stack architecture, authentication, testing, and deployment.

So I'm announcing my new program, Enterprise Vue, for professional developers to take their career and their craft to the next level by mastering these crucial skills.

"What I've learned has gotten me noticed and lessened much of the imposter syndrome I've felt."

I'm the co-founder of a cloud services startup that manages subscription billing systems. I've been using Vue.js to improve the customer experience of our product as well as to build internal tools for our warehousing, support, and sales...

Show full review

Aaron Olson
Startup co-founder

Read next review

Technologies covered

Vuetify

Vuetify

UI Component Library
Express

Express

Node Framework
MongoDB

MongoDB

NoSQL Database
Postman

Postman

API Development Environment
Vue CLI

Vue CLI

Project Scaffolding
JWT

JWT

Authentication Standard
GitLab CI

GitLab CI

Deployment Pipeline
Jest

Jest

Test Runner
Vue Test Utils

Vue Test Utils

Component Testing Framework
Nightwatch

Nightwatch

Automated Browser Testing
Heroku

Heroku

Cloud Hosting Platform
ES6

ES6

Modern JavaScript

Key areas of skill development:

  • Best-practice environment setup
  • RESTful API development
  • Token-based user authentication
  • Forms and input validation
  • Unit testing (client and server)
  • Automated-browser testing
  • Continuous deployment pipeline
  • Interactive component styleguide

Enterprise Vue

Learn and master enterprise web development tools and techniques to accelerate your career and take your expertise to the next level.

Includes...

  • 9 video modules
  • Private Discord group
  • Weekly office hours
  • Project consultation
  • Fast-action bonus modules
  • 30-day money-back guarantee
Note: prices in USD. VAT exempt.

Bonuses included

Private Discord group ($99 value)

Chat and share ideas with other Vue professionals as you progress through this course.

Weekly office hours ($249 value)

Really stuck on something? Call in and get my help. No one gets left behind!

Project consultation ($249 value)

Ready to start your own enterprise project? Validate your plan with me in a one-hour call.

30-day money-back guarantee

If you try the program and feel it doesn't work for you I will gladly return the tuition in full.

Who is this program for?

Professional web developers

If you're a web developer who's ready for the next stage of your career, or want to rapidly expand your skillset, it's critical to learn and master core enterprise development skills.

Team leaders and CTOs

Enterprise Vue will give you best practices for producing high-quality products for your organization and help you avoid costly mistakes and stressful deploys.

Freelancers & consultants

If you're ready to build or expand your list of clients this program will give you the knowledge of a whole development team and allow you to build quality products quicker.

Startup founders

Startups can use this program as a guided blueprint of an enterprise-ready Vue application that can be easily adapted into a real product.

Who is it not for?

This is not a program for beginners, so if you're just starting with Vue.js, I recommend you enroll in my Vue.js Essentials course to build the foundational skills of single-page app development with Vue and Vuex.

"I’ve now helped my team adopt a test-first mindset that gives us the confidence that what we are developing is as robust as it can be."

When I enrolled in Enterprise Vue I already had a good grasp of the various parts of the Vue framework. But I wanted to learn about best practices for developing more complex enterprise-scale applications...

Show full review

Luis Perez
Full-stack software engineer

Read next review

What you'll build

The case-study project for this program is PrintBay , an online store for buying prints of famous artworks. Technically speaking, it's a full-stack Vue.js CRUD app and authenticated Node.js API with unit testing, modern JavaScript, and a range of best practices.

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, data storage, API authentication, documentation, testing, and deployment.

Does this course include Vue 3?

Vue 3 is offering some interesting enterprise abilities, especially the Composition API. Once an official release is provided, a free upgrade to the course will be available.

What is the prerequisite knowledge?

This is not a beginner course so I'll presume you know: Vue.js, the SPA architecture, Vuex, HTML, CSS, and all the fundamentals of web development, modern JavaScript, the basics of Node.js, Git, and the basics of Webpack.

What if I'm not happy with the program?

A full refund is available if you sufficiently attempt the program and find it's not suitable for your needs within 30 days of commencement.

Program modules

Module # 1
Module # 1

Full-stack scaffolding with Vue CLI

Setting up a Vue project with best practices is pretty easy with Vue CLI. It becomes a little trickier if you're going to set up a full-stack app where the codebase is split between client and server.

In the first module, we'll look at how to modify a Vue CLI project scaffold to accommodate a full-stack app configuration, including Webpack config and environment variables.

We'll also configure our full-stack development tools allowing us to seamlessly run our API server and the Webpack dev server simultaneously.

vue vue-cli webpack
Module # 2
Module # 2

Building an API with Node, Express & MongoDB

In this module, we'll take the first steps in building a robust backend API with Node, Express, and the MVC structure. We'll be using MongoDB as a database, and Mongoose ORM to make our main CRUD operations a breeze.

To help us develop the API before we build the client app to consume it, we'll be using the Postman API development environment.

node express mongo mongoose postman
Module # 3
Module # 3

API unit testing with Mocha

Now that our API has been scaffolded, we can complete the main endpoints like GET /items, POST /items, etc.

In addition to creating the routes and controllers, we'll also be creating robust unit tests using the Mocha test framework to ensure requests to our API provide the correct HTTP responses and database state.

mocha postman supertest
Module # 4
Module # 4

API authentication with JSON web tokens

In the fourth module, we'll authenticate API requests using JSON web tokens (JWT) and use our security measures like hashing user passwords to keep our data safe.

We can use our authentication system to protect certain endpoints, requiring users to log in before they are allowed to create or modify items, for example.

To finish this module and our work on the API, we'll also be creating unit tests that can check our authentication tokens are working.

jwt mongoose mocha
Module # 5
Module # 5

Frontend CRUD with Vuex ORM

In this module, we'll be integrating Vuex ORM into our Vue app, giving us a simple, object-oriented way of managing our app data in the frontend.

Vuex ORM integrates with our HTTP client to allow us to query data from our API. It then allows us to treat this data within Vuex as models, e.g. Items, Users, etc, making our data seamless and scalable.

vuex-orm
Module # 6
Module # 6

Frontend authentication with Vue Auth

Now that we have an authenticated API on the backend, we need to give users access by adding authentication to our client app.

In this module, we'll use the Vue Auth library to integrate with our HTTP client and manage the login and registration actions and the auth tokens, as well as reactively update the UI based on the user's auth status.

We'll then set up user roles and protected routes with Vue Auth, allowing us to have guest users, regular users, and admin users all using the same client app.

vue-auth vue-router jwt
Module # 7
Module # 7

Automated browser testing with Nightwatch

While unit testing allows us to see if individual functions or components are working as we want, automated browser tests, commonly called "end-to-end testing", tells us if the whole application is working as we want.

To perform this type of testing, we'll use an E2E framework called Nightwatch.js to instruct a headless Chrome browser to interact with our application like a real human user would, by clicking buttons, filling out forms, etc, and then making assertions about the page state.

nightwatch selenium chrome
Module # 8
Module # 8

Frontend unit testing with Jest and Vue Test Utils

In module 8, we'll be unit testing our Vue.js app components. We'll be using Jest, which is a test framework for JavaScript, and Vue Test Utils which allows us to mount and render Vue components in isolation from a complete Vue app.

Along the way, we'll learn how to design effective component unit tests using key patterns like mocks, stubs, and spies, and a special component testing method called "snapshot testing" that can be used to ensure the rendered markup of a component is stable.

jest vue-test-utils
Module # 9
Module # 9

Continuous Deployment of a full-stack Vue app

Nearing the end of the program, we'll be setting up Continuous Deployment as a best-practice workflow for deploying code to a Heroku production environment.

The advantage of using continuous deployment is that it ensures the app is deployed easily and minimizes deployment errors by bundling all the steps of deployment into a script and automatically running tests.

gitlab heroku

Bonus modules

In addition to the 10+ hours of video modules included with Enterprise Vue, you'll also get these bonus modules valued at $197:

Bonus # 1
Module # 1

API documentation with apiDoc

We're first learn to use doc blocks to document our API source code, indicating to developers the inputs and outputs of requests, the format of the data the can expect, and so on.

We can then configure apiDoc to generate a beautiful documentation site to present all this information.

apidoc
Bonus # 2
Module # 2

Interactive components docs with Vue Styleguidist

If you want to make it easy for developers to maintain your enterprise application, it's a good idea to provide quality documentation.Similar to the API, we'll begin by documenting our component interfaces, including the props, events, methods and so on which we'll use to automatically generate a documentation site.

But we'll also see how to add live component previews to our docs, so our team can see exactly what our components are intended to look like.

vue-styleguidist

"Since completing Enterprise Vue my freelancing rates have been increasing steadily, and my confidence has grown."

I enrolled in Enterprise Vue because it covers topics that are relevant to my work (auth, unit testing, continuous deployment, to name just a few)

I also trusted Anthony to deliver a solid educational course because his Vue.js Essentials course was one of the best courses I've done...

Show full review

Andre M.
Freelance full-stack web developer

Read next review

Enterprise Vue

Learn and master enterprise web development tools and techniques to accelerate your career and take your expertise to the next level.

Includes...

  • 9 video modules
  • Private Discord group
  • Weekly office hours
  • Project consultation
  • Fast-action bonus modules
  • 30-day money-back guarantee
Note: prices in USD. VAT exempt.