Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lmiller1990/complete-vuejs
A complete course on Vue.js 3. Options/Composition API, Vuex + Vue Router.
https://github.com/lmiller1990/complete-vuejs
composition-api fundamentals vue vue-router vuex
Last synced: about 2 months ago
JSON representation
A complete course on Vue.js 3. Options/Composition API, Vuex + Vue Router.
- Host: GitHub
- URL: https://github.com/lmiller1990/complete-vuejs
- Owner: lmiller1990
- Created: 2021-03-28T10:15:32.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2021-10-15T15:28:13.000Z (about 3 years ago)
- Last Synced: 2024-10-14T10:58:24.377Z (2 months ago)
- Topics: composition-api, fundamentals, vue, vue-router, vuex
- Language: Vue
- Homepage:
- Size: 77.1 KB
- Stars: 75
- Watchers: 4
- Forks: 84
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-starred-test - lmiller1990/complete-vuejs - A complete course on Vue.js 3. Options/Composition API, Vuex + Vue Router. (Vue)
README
# Complete Vue.js 3 (Inc Options + Composition API, Vue Router and Vuex)
Hi! Welcome to my course on Vue.js 3. Let's have a great time learning Vue.js 3 🎉.
[Learn more here](https://vuejs-course.com/complete-vuejs), or buy it on [Gumroad](https://gumroad.com/l/complete-vuejs) or [Udemy](https://www.udemy.com/course/complete-vuejs-3-crash-course-composition-api-vue-router-vuex/?referralCode=765A6E679914BF6E60AF).
If you are sponsoring me on GitHub, even for just $1, please email or contact me - I'l send you a link to download all the lectures for free. :D
There are two branches:
- `master` is the completed source code
- `getting-started` is the minimal template to follow along from start
## Installation
I am using:
- node.js v12.18.3
- yarn 1.22.10
You can use whatever version, but I have only tested with those versions. Don't use yarn 2, it's really different to yarn 1.
`master` contains the completed code. Run projects with:
```
yarn vite --config vite.config.js
```
## Getting Started
Either clone master and `yarn install`, or start with `getting-started` and:
```sh
yarn add [email protected]
yarn add [email protected] --dev
```
## Fundamentals #1: Options API
Learn about the Options API and the basics of Vue.js.
## Project #1: Form Validation
- combining fundamentals to make something useful
- single file components!
- more v-model
- conditional rendering
- computed properties
- validation
- design patterns
## Project #2: Pokemon Evolutions
- fetching data with the Fetch API
- reuables components with
- class + style bindings
- emitting events
- thinking in Vue
## Fundamentals #2: Composition API
Learn about Vue 3's most exciting feature, the Composition API.
- ref
- reactive
- computed
- watch and watchEffect for side effects
- create your first "composable"
- check out VueUse
## Project #3: Microblog Application
Build a project using the Composition API to display posts and filter via hashtags. Build a global store.
- likes
- filter
- typing
- reusing components
- composables, global state
- design patterns
## Fundamentals #3: Vue Router
Learn about Vue Router for large, multi-page apps with client side routing - no refreshes.
- composition and options API usage
- highly complex applications
- seamless SPA experience
## Fundamentals #4: Vuex
Learn Vuex, the official state management solution for Vue.
- the flux pattern for state management
- problem: we need the state everywhere
- solution: global reactive store
## Project #4: Capstone Project: Photo Album
Combine the Composition API, Vue Router and Vuex to build a large, complex application.
- combining everything
- slots
- desien patterns
- vue/vuex/vue-router
- optimizing with caching in Vuex