Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)
Vue.js 3 is here! Learn from "Hello, Vue!" to building large apps with Vuex and Vue Router.
- Description
- Curriculum
- FAQ
- Reviews
Another Vue.js 3 from zero to hero course – kind of. This course is for developers who want to move fast. We cover the traditional way of building Vue apps – the Options API – as well as the the new Composition API, and even see how you can mix and match them together.
There are 8 modules; 4 introduce fundamental skills (Options API; Composition API; Vuex and Vue Router). Every other module is a project, so you can see how to apply the fundamental skills in real apps. I am a big believer in learning by doing.
After covering Vue; we look at Vuex, Vue’s state management solution, and Vue Router, for front-end routing. The course culminates with a capstone project, using the Vue trunity (Vue, Vuex, Vue Router) to build an application.
Project 1: User Sign-up Form with Validation
-
1
Introduction -
2
Your first Vue.js App
-
3
Adding a Template Property
-
4
User Interactions with Methods
-
5
Control Flow with v-if and v-else
-
6
Loops with v-for
-
7
Computed Properties
-
8
Class Bindings
-
9
Input Validation
-
10
The Amazing v-model
-
11
Your First Component
-
12
Component Props
-
13
Child-Parent Communication with Events
-
14
Source Code for Upcoming Projects
Project #2: Pokemon Evolutions
Composition Fundamentals
-
24
Project #2: Pokemon Evolutions
-
25
Creating the Card Foundations
-
26
Loading Remote Data with Fetch
-
27
Fetching Multiple Data Sources
-
28
Lifecycle Hooks
-
29
Rendering Content
-
30
Modular Components with Slots
-
31
Reusing Code to Fetch Evolutions
-
32
Better Styles with Class Bindings
-
33
Better Styles with Class Bindings
Project #3: Composing a Microblog
-
34
Composition Fundamentals Introduction
-
35
Hello, Composition API!
-
36
Reactivity with ref
-
37
Reactive for Complex Values
-
38
Composing Computed Properties
-
39
Watch and Watch Effect
-
40
Before and After with watch
-
41
Lifecycle hooks and Mixing the Options and Composition API
-
42
The useNumbers Composable
Vue Router Fundamentals
-
43
Projet #3: Microblog (with the Composition API)
-
44
Creating the Microblog Store
-
45
Render Posts with the Card Component
-
46
The Hashtag Component
-
47
Emitting Events with the Composition API
-
48
Filtering Posts with Computed
-
49
Refactoring with the Posts Store
-
50
Liking a Post
-
51
Searching for Hashtags
-
52
Mind Blowing Fefactor and Exercises
Vuex Fundamentals
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
Please, login to leave a review
Course details
Lectures
1
Quizzes
3
Video
5 hours
Certificate of Completion
Full lifetime access
Access on mobile and TV
Popular courses
