Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vueschool/vue-masterclass
🗂 Source code for The Vue 3 Masterclass
https://github.com/vueschool/vue-masterclass
es6 javascript vue-components vuejs vuejs3
Last synced: 4 days ago
JSON representation
🗂 Source code for The Vue 3 Masterclass
- Host: GitHub
- URL: https://github.com/vueschool/vue-masterclass
- Owner: vueschool
- Created: 2021-01-27T09:48:45.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2024-04-02T13:15:54.000Z (7 months ago)
- Last Synced: 2024-08-02T14:08:27.957Z (3 months ago)
- Topics: es6, javascript, vue-components, vuejs, vuejs3
- Language: CSS
- Homepage: https://vueschool.io/the-vuejs-master-class
- Size: 907 KB
- Stars: 455
- Watchers: 25
- Forks: 193
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-starred-test - vueschool/vue-masterclass - 🗂 Source code for The Vue 3 Masterclass (CSS)
README
# The Vue 3 Masterclass
[](https://vueschool.io/the-vuejs-master-class)
This repository contains the source code for the supercharged, remastered 2021 [Vue.js 3 Masterclass](https://vueschool.io/the-vuejs-master-class) course.
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](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
- SEO and pre-rendering
- Deployments
By completing the Vue.js Masterclass, you will be able to land any Vue related job or optimize/improve your own projects!
**Intrigued?**
[Enroll now](https://vueschool.io/the-vuejs-master-class)
---
## Project setup
```
yarn install
```
### Compiles and hot-reloads for development
```
yarn serve
```
### Compiles and minifies for production
```
yarn build
```
### Lints and fixes files
```
yarn lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
---
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
## Looking for Firebase 9?
Since the video course was created, Firebase has released a new version of it's JavaScript SDK. If you'd like to see code changes using Firebase 9 checkout the [firebase-9 branch](https://github.com/vueschool/vue-masterclass/tree/firebase-9), courtesy of [Michael Haslam](https://github.com/Ongomobile). Thanks Mike!
## Looking for Composition API, Pinia, TypeScript, etc?
Since this video course was created, a lot has changed in the Vue.js ecosystem. [We have a brand new Master Class](https://vue.school/masterclass) geared towards addressing and teaching these updated technologies (WIP as of Q1 2024). We've had an amazing community member complete this course however, with these latest technologies. You can [see his source code in this github repo](https://github.com/JeremieLitzler/vueschool-course/tree/forum-vite). Thanks Jérémie!