In Depth Vue 3 For Beginners
Chris Dixon, Web Developer & Online Teacher
Watch this class and thousands more
Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more
Watch this class and thousands more
Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more
Lessons in This Class
-
-
1.
Welcome To The Class!
2:00
-
2.
What You Will Need For This Course
0:44
-
3.
Share Your Work On Skillshare!
1:09
-
4.
What Is Vue.js & What Can It Do?
2:50
-
5.
Overview of Vue 3 changes
4:56
-
6.
Project Source Code
1:50
-
7.
Section Intro- First Look At Vue.js
0:36
-
8.
The Vue Instance
5:58
-
9.
Data & Lists
6:19
-
10.
Looping With Objects
4:52
-
11.
List Indexes & Keys
3:55
-
12.
Binding Attributes
6:58
-
13.
Mini Challenge- Dynamic Links
1:41
-
14.
Dynamic Links: My Solution
2:35
-
15.
Javascript Expressions
4:07
-
16.
Event Handling
4:17
-
17.
Methods
2:13
-
18.
Raw HTML
2:08
-
19.
Vue Lifecycle
9:44
-
20.
Section Intro- Component Basics
0:27
-
21.
What Are Components?
2:18
-
22.
First Look At Components
4:19
-
23.
Props & Re-Using Components
4:50
-
24.
Local Components
5:09
-
25.
Section Intro- Build Tools & Single Page Applications
0:34
-
26.
Single Page Applications
3:10
-
27.
The Vue CLI
6:21
-
28.
Project Structure
8:10
-
29.
The Vetur Extension
1:08
-
30.
Section Intro- Countdown Project
0:31
-
31.
Starter Project Download
3:32
-
32.
Single File Components
10:18
-
33.
Making Our Events Dynamic
5:19
-
34.
Calculating Days Left
6:40
-
35.
Conditional Rendering
7:56
-
36.
More on conditional rendering
4:07
-
37.
Computed Properties
9:04
-
38.
Watchers & Multiple Root Nodes (fragments)
8:21
-
39.
Computed or Watchers?
2:54
-
40.
Ordering & Toggling Past Events
6:57
-
41.
Teleport
6:22
-
42.
Section Intro- Forms, Events & Modifiers
0:28
-
43.
Our Form Component
6:24
-
44.
Styling & Positioning The Form Modal
7:13
-
-