Vue.js 3 Options API Masterclass
This is the supercharged, remastered Vue.js 3 Masterclass. We’ve taken all the feedback we got from [The Vue.js 2 Masterclass](https://vueschool.io/courses/the-vuejs-master-class), 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](https://vueschool.io/the-vuejs-master-class) 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](https://vueschool.io/courses?skill=beginner) before diving into the Vue Masterclass. If you are looking to brush up your ES6 skills, watch our course [Modern JavaScript: ES6 and beyond](https://vueschool.io/courses/modern-javascript-es6-and-beyond).
Difficulty: Intermediate
Duration: 17h 6m
Chapters
- Getting Started 50 min
- Application Structure 49 min
- Routing & Components Basics 48 min
- Organizing the Application 1 hr
- Vuex and State Management 1 hr
- Forum Threads 56 min
- Higher Order Functions 33 min
- Working with Cloud Firestore 2 hrs
- Loading Indicators when Fetching Async Data 27 min
- Workflow Improvements 24 min
- User Authentication 51 min
- Vue Router Middleware and Navigation Guards 1 hr
- Form Validation with VeeValidate 48 min
- Custom Vue.js Directives 17 min
- Bucket 0 min
- Modularizing the Vuex Store 37 min
- Pagination 35 min
- Notification System 34 min
- Deploying the Application 56 min
- Uploading and Storing Images 45 min