https://github.com/sortedcord/vue-notes

This repository contains my notes and summaries on Vue.js3 course. Instructed by Maximilian Schwarzmüller.
https://github.com/sortedcord/vue-notes

javascript javascript-framework notes vue vue-notes vuejs

Last synced: about 9 hours ago
JSON representation

This repository contains my notes and summaries on Vue.js3 course. Instructed by Maximilian Schwarzmüller.

• Host: GitHub
• URL: https://github.com/sortedcord/vue-notes
• Owner: sortedcord
• License: gpl-3.0
• Created: 2021-07-27T05:52:03.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-09-21T06:59:12.000Z (about 3 years ago)
• Last Synced: 2024-04-18T17:22:37.992Z (7 months ago)
• Topics: javascript, javascript-framework, notes, vue, vue-notes, vuejs
• Language: HTML
• Homepage: https://sortedcord.github.io/vue-notes/
• Size: 1.67 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


![License](https://img.shields.io/github/license/sortedcord/vue-notes?style=for-the-badge)

![Vuejs](https://shields.io/badge/VUEJS-3.x-blue?logo=vuedotjs&style=for-the-badge)

![Commit Activity](https://img.shields.io/github/last-commit/sortedcord/vue-notes?style=for-the-badge)

# Vue.js Notes

#### **Vue - The Complete Guide (w/ Router, Vuex, Composition API)** 
 Created by [Maximilian Schwarzmüller](https://www.udemy.com/user/maximilian-schwarzmuller/)

### Table of Contents

1. [Introduction](Notes/Getting%20Started)

2. [Basics & Core Concepts](Notes/Basics%20&%20Core%20Concepts)

3. [Rendering Conditional Content & Lists](Notes/Rendering%20Conditional%20Content%20&%20Lists)

4. [Course Project The Monster Slayer Game]()

5. [Vue Behind the Scenes]()

6. [Introduction to Components]()

7. [Moving to a Better Development Setup & Workflow with the Vue CLI]()

8. [Component Communication]()

9. [Dividing Deeper into Components]()

10. [Course Project: The Learning Resources App]()

## Course Outline

1.  ### Basics

	1. Core #Syntax

	2. Templates

	3. [**Directive**](Notes/Basics%20&%20Core%20Concepts#binding-attributes-with-the-v-bind-directive): Instructions that are exclusively understood by vue in HTML template

	4. Data

	5. [**Methods**](Notes/Basics%20&%20Core%20Concepts#understanding-methods-in-vue-apps): Functions which can be executed when called upon

	6. [**Computed Properties**](Notes/Basics%20&%20Core%20Concepts#computed-properties): Dependency aware properties

	7. [**Watchers**](Notes/Basics%20&%20Core%20Concepts#working-with-watchers): Dependency aware methods

2.  ### Intermediate

	8. Components

	9. Component Communication

	10. Behind the Scenes

	11. Forms

	12. Http

	13. routing 

	14. Animations

3. ### Advanced

	15. Vuex

	16. Authentication

	17. Deployment and Optimizations

	18. Composition-API

	19. Re-using Code

## 📖 Course Projects

- [**Demonslayer**](https://github.com/sortedcord/vue-monsterslayer) : A text-based RPG game made with vue without components.

## ⭐ Self Projects

Projects I assigned myself to better understand vue.

- [**Openlibin**](https://github.com/sortedcord/openlibin) : An open source library built with vue

## 📚 Resources & References

- [Vue.js 3 Official Documentation](https://v3.vuejs.org/guide/introduction.html)

- [Course Link](https://www.udemy.com/course/vuejs-2-the-complete-guide/)