• Stars
    star
    426
  • Rank 101,884 (Top 3 %)
  • Language
    CSS
  • Created almost 4 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

๐Ÿ—‚ Source code for The Vue 3 Masterclass

The Vue 3 Masterclass

This repository contains the source code for the supercharged, remastered 2021 Vue.js 3 Masterclass 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 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


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.


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.

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, courtesy of Michael Haslam. Thanks Mike!

More Repositories

1

vuejs-forge-boilerplate

Boilerplate Code for the Vue.js Forge Conference
TypeScript
160
star
2

vue-master-class

๐Ÿ—‚ Source code for The Vue 2 Master Class
CSS
153
star
3

learn-vuex

๐Ÿ—‚Source code for the Vuex for Everyone course
JavaScript
135
star
4

vuejs-fundamentals

๐Ÿ—‚ Source code for the Vue.js Fundamentals course
HTML
94
star
5

vuejs-router

๐Ÿ—บ Source code for the Vue.js Router for Everyone course
Vue
92
star
6

vuejs-forge-episode-2-the-project

The official repository for Vue.js Forge Episode 2
Vue
76
star
7

vuejs-forge-the-project

The official project for Vue.js Forge
Vue
69
star
8

dynamic-forms

๐Ÿ—‚ Source code for the Dynamic Forms with Vue.js Course
Vue
64
star
9

forum-mockup

HTML
58
star
10

testing-vue-components

๐Ÿ‘ฉโ€๐Ÿ’ปSource code for Testing Vue.js Components course
Vue
58
star
11

vue-forge-episode-3

The official project repo for Vue.js Forge Episode 3 (2023)
Vue
56
star
12

vuejs-components-fundamentals

๐Ÿ‘ฉโ€๐Ÿ’ปSource code for Vue.js Components Fundamentals course
CSS
48
star
13

vuejs-firebase-realtime-database

๐Ÿ”ฅSource code for the Vue.js + Firebase Realtime Database course
HTML
46
star
14

vue-router-4-course

๐Ÿ—‚ Source code for Vue Router 4 for Everyone course
Vue
41
star
15

nuxt-fundamentals

Source code for the Nuxt.js Fundamentals course
Vue
41
star
16

vuejs-firebase-authentication

๐Ÿ”ฅ๐Ÿ™‹โ€โ™€๏ธSource code for the Vue.js + Firebase Authentication course
HTML
36
star
17

vuejs-3-fundamentals

๐Ÿ—‚ Source code for the Vue.js 3 Fundamentals course
CSS
34
star
18

vue-forge-episode-4

Vue
27
star
19

application-shortcuts

Code example and resources from the talk: Application Shortcuts with a Renderless Event Component
CSS
22
star
20

nuxt-async-data

๐Ÿ—‚ Source code for the Async Data with Nuxt.js course
Vue
19
star
21

pinia-the-enjoyable-vue-store

Source Code for the Course: Pinia, The Enjoyable Vue Store
Vue
19
star
22

test-with-jest

๐Ÿ—‚ Source code for Test with Jest
JavaScript
17
star
23

form-validation

๐Ÿ—‚ Source code for the Custom Vue.js Form Validation
HTML
15
star
24

javascript-testing-fundamentals

Introductory video course on JavaScript Testing and Jargon
JavaScript
15
star
25

vue-3-composition-api

Source Code for the Vue 3 Composition API Course
JavaScript
15
star
26

nuxt-static-site-generation

๐Ÿ—‚ Source code for the Static Site Generation with Nuxt.js course
Vue
15
star
27

laravel-course-backend

This is the Laravel backend for the course "Laravel Backends for Vue.js 3"
PHP
14
star
28

vuejs-3-component-fundamentals

๐Ÿ‘ฉโ€๐Ÿ’ปSource code for Vue.js 3 Components Fundamentals course
CSS
14
star
29

reusable-vuejs-components-with-slots

Source code for Reusable Vue.js Components with Slots course
Vue
13
star
30

laravel-backends-for-vuejs-3

Front-end source code for the "Laravel Backends for Vue.js 3" course
Vue
13
star
31

pinia-ws-boilerplate

Boilerplate Code for the Pinia Workshop
Vue
12
star
32

storybook-fundamentals

๐Ÿ“š Source code for the Storybook with Vue.js course
JavaScript
12
star
33

custom-vue-directives

๐Ÿ—‚ Source code for the Custom Vue Directives course
HTML
11
star
34

jamstack-the-complete-guide

Vue
10
star
35

workshop-vue-3-composition-api

Boilerplate code for the Vue 3 Composition API Workshop
Vue
10
star
36

ai-chatbot-course

Source Code for the course: AI Chat Bot with Vue.js and GPT-4
Vue
9
star
37

pinia-course-boilerplate

Boilerplate Code for Pinia: The Enjoyable Vue Store
Vue
9
star
38

vue-i18n

๐Ÿ—บ Source code for the Internationalization with vue-i18n course
Vue
8
star
39

awesome-vuejs-forge

8
star
40

pinia-workshop-exercise-solutions

Vue
8
star
41

vue-apollo

โ˜„๏ธ Source code for the Vue-Apollo & GraphQL Fundamentals course
Vue
8
star
42

A-Wordle-on-Test-Driven-Development-in-Vue.js

Source Code for the Course: A โ€œWordleโ€ on Test Driven Development in Vue.js
TypeScript
8
star
43

ts-vue-boilerplate

Boilerplate code for the TypeScript with Vue.js 3 course
Vue
7
star
44

vuejs-forge-the-project-lp

The official SaaS App Landing Page Project for Vue.js Forge
TypeScript
7
star
45

accessibility-fundamentals

Source code for the Web Accessibility Fundamentals course
Vue
7
star
46

rapid-testing-with-vitest

Source Code for the Rapid Testing with Vitest course
TypeScript
6
star
47

functional-components

๐Ÿ—‚ Source code for the Functional Components course
Vue
6
star
48

custom-vue-js-3-plugins-course

Custom Vue.js 3 Plugins Course Source Code
CSS
6
star
49

single-file-components

๐Ÿ‘ฉโ€๐Ÿ’ปSource code for Single File Components course
Vue
6
star
50

vue-3-composition-api-workshop

Vue
5
star
51

vuex-tdd-course

Code samples from the vuex-tdd-course
JavaScript
5
star
52

nuxt-3-fundamentals-course

Repo for the Nuxt 3 Fundamentals Course
Vue
4
star
53

trello-board-course

Repo for our course: Build a Drag-and-Drop Trello Board
Vue
4
star
54

typescript-with-vue-js-3

๐Ÿ—‚ Source code for TypeScript with Vue.js 3 Course
Vue
3
star
55

exercises

JavaScript
3
star
56

whats-new-in-vue-3

Source code for the What is new in Vue 3 course
Vue
3
star
57

advanced-components-exposing-internal-state

Advanced Components: Exposing Internal State - Course Repo
Vue
2
star
58

workshop-composition-api-v2

Vue
2
star
59

fundamentals-workshop-solutions

Solutions to the fundamentals workshop exercises to share with students
HTML
2
star
60

robust-vue-js-forms-with-formkit-course

Source code for the course: Robust Vue.js Forms with FormKit
TypeScript
2
star
61

workshop-vue-3-new-features-migration

Vue
2
star
62

sentry-course-boilerplate

Boilerplate code for the course: Application Monitoring in Vue.js with Sentry
JavaScript
2
star
63

vue-3-single-file-components

๐Ÿ‘ฉโ€๐Ÿ’ปSource code for Vue 3 Single File Components course
Vue
1
star
64

vue-transitions-and-animations-course

Source code for the Vue Transitions and Animations Course
Vue
1
star
65

nuxt-domain-driven-design-example

Example code for blog post on Domain Driven Design with Nuxt Layers
TypeScript
1
star
66

charts-for-vue-js-3-course

Source code for the course: Charts for Vue.js 3
Vue
1
star
67

vue-cli-to-vite

An example Vue CLI project migrated to Vite
Vue
1
star
68

rapid-development-with-vite-course

Source code for the Rapid Development with Vite Course
Vue
1
star
69

modern-javascript-es6-and-beyond

JavaScript
1
star
70

nuxt-2-migration-example

Vue
1
star
71

application-monitoring-for-vue-js-with-sentry

Source code for the course: Application Monitoring for Vue.js with Sentry
JavaScript
1
star