Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

About the course

This is the supercharged, remastered Vue.js 3 Masterclass.

We’ve taken all the feedback we got from The Vue.js 2 Masterclass, and supercharged The Vue.js Masterclass with all the new goodies from Vue.js 3 and the ecosystem.

This is our signature course. It is probably the most thorough Vue.js course available online.

The Vue.js Masterclass is so comprehensive that we can not cover everything on this page. Thus we’ve created a separate page where you can learn more about it.

In our Masterclass you'll learn Vue.js by building a real-world application. Together we’ll create a complete forum from scratch using exciting technologies that synergize with Vue.

The goal of the Masterclass is to teach you Vue.js along with Best Practices, Modern Javascript, and other exciting technologies, by building a Real World application - a forum.

We cover the fundamentals, like:

  • Vue cli, router, and State management with Vuex
  • Modern Javascript (ES6/7/8)
  • User permissions & Route Guards
  • Third party authentication
  • Google Cloud Firestore
  • Automatic code review with ESLint
  • Consuming REST API
  • Application architecture and best practices

We also dive into harder topics, like:

  • Higher Order Functions
  • Creating Vue Plugins
  • Code Splitting
  • Support for older Browsers
  • Webpack configuration
  • Deployments

By completing the Vue.js Masterclass, you will be able to land any Vue related job or optimize/improve your own projects!

Requirements You should be familiar with JavaScript, basic ES6 like arrow functions and import statements, and have fundamental knowledge of Vue.js.

If you are just starting out with Vue.js, we suggest that you watch our free course Vue.js Fundamentals and browse around our other beginner courses before diving into the Vue Masterclass. If you are looking to brush up your ES6 skills, watch our course Modern JavaScript: ES6 and beyond.

Please note: This course is in the making. New lessons and modules (sub-courses) will be added weekly.

14

Custom Vue.js Directives

0 lessons • 17 min
icon
Closing Dropdown on Click Outside
Jul 29 2021
icon
Building a Mobile Navbar
Jul 29 2021
icon
Closing the Mobile Navbar on Scroll
Jul 29 2021
15

Pagination

0 lessons • 35 min
icon
Pagination and Indexes in the Cloud Firestore
Aug 06 2021
icon
Paginating User Posts with Infinite Scroll
Aug 05 2021
icon
Paginating Threads with Pagination Component
Aug 05 2021
icon
Storing the Current Page as a URL Query Variable
Aug 05 2021
16

Notificaiton System

0 lessons • 0 min
icon
Storing Notifications in the Vuex Store
Coming Soon
icon
Notification Related Components
Coming Soon
icon
Extending Notifications with Options
Coming Soon
17

Uploading and Storing Images

0 lessons • 0 min
icon
Allowing Users to Upload a Profile Image and Storing in Firebase Storage
Coming Soon
icon
Use the Pixabay REST API to Enable Random Profile Pictures
Coming Soon
icon
Storing Random Profile Pictures in Firebase Storage
Coming Soon
18

Form Validation

0 lessons • 0 min
icon
Installing Vuelidate and Validating the Registration Form
Coming Soon
icon
Validating Unique Fields Asynchronously with Firebase
Coming Soon
icon
Extracting Custom Vuelidate Validators to a Utility
Coming Soon
icon
Homework: Validating All Forms
Coming Soon
19

Deploying the Application

0 lessons • 0 min
icon
Last Minute Clean Up Part 1
Coming Soon
icon
Last Minute Cleanup Part 2
Coming Soon
icon
Deploying to Firebase Hosting
Coming Soon
icon
Alternative Hosting: Deploying to Netlify
Coming Soon
icon
CI/CD with Netlify
Coming Soon