scrimba
Preview
Vue JS Bootcamp
Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.
PricingCoursesLog in
For TeamsWhy Scrimba?
Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.
Pricing
PricingCreate Account
Log in
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.

Karma

DashboardConnect to DiscordFind a courseSettingsNew scrim
Log out

Vue JS Bootcamp

Learn Vue.js, a progressive Javascript Framework for building user interfaces.

This playlist is part of Preview

Vue JS Bootcamp

81 lessons8 hours 47 min

1. Welcome & What is Vue.js?
8:52
2. Effective Learning
4:18
3. DOM & Virtual DOM
9:14
4. First Vue App
2:58
5. Declarative Rendering & Attributes
3:57
6. Improving our First Vue App
2:44
7. Computed Properties
4:12
8. V-Model
3:54
9. Computed Setter
4:53
10. Methods
4:22
11. Module Project Part 1
3:28
12. Module Project Part 2
7:13
13. Module Project Part 3
5:12
14. Interpolations
6:04
15. Interpolations Challenge
7:14
16. Conditional Rendering 1
4:56
17. Conditional Rendering 2
4:20
18. Simple Modal
5:27
19. Status Check Interactive
8:02
20. Looping Basics
6:11
21. Todo List Interactive
4:45
22. Class Bindings (Object)
5:46
23. Class Bindings (Array)
3:24
24. Binding Inline Styles (Object)
3:09
25. Conditional Styling Interactive
5:54
26. Navigation Module Project
13:35
27. Intro to Components
4:56
28. Component Syntax
3:09
29. Slots & Named Slots
4:48
30. Props
5:07
31. Slots & Props Interactive
5:49
32. Single File Components
9:04
33. Styles in Components
5:57
34. To-Do List Mini App
8:51
35. Info Card Component
12:55
36. Advanced Props
8:08
37. Advanced Props Interactive
5:11
38. Landing Page Module Project
7:56
39. Introduction to Events
6:13
40. Basics of v-on
3:08
41. Basics of v-on Interactive
5:41
42. Custom Events
6:41
43. To-Do List Mini App (Revisited)
7:17
44. Multiple Pieces of Data
5:17
45. Handling Form Data
8:55
46. Event Bus Introduction
3:54
47. Component to Component Events (Event Bus)
7:26
48. Shopping Cart Module Project Part 1
14:30
49. Shopping Cart Module Project Part 2
8:11
50. Intro to Lifecycle
4:12
51. Lifecycle Demo
4:32
52. Fetching from API
7:50
53. Lifecycle and Events
8:11
54. Using An Event Bus
4:41
55. Introduction to Vue Router
5:29
56. Vue Router Setup
6:37
57. Multiple Routes Interactive
1:40
58. Linking Between Pages with router-link
2:54
59. Router File Structure
5:40
60. Landing Page With Routes
8:54
61. Dynamic Routes
7:19
62. Fetching Data with Dynamic Routes
5:32
63. Intro to Vuex
12:05
64. Vuex Basic Setup
8:08
65. Getters In-Depth
4:38
66. Mutations
4:37
67. Actions
8:35
68. Two-Way Binding with Vuex
6:30
69. Reusable Input Component
5:57
70. Extracting a Module
3:13
71. Watchers
5:06
72. Mixins
6:56
73. Transitions
9:42
74. Filters
8:01
75. Final Project Part 1
10:21
76. Final Project Part 2
12:27
77. Final Project Part 3
9:15
78. Final Project Part 4
6:42
79. Final Project Part 5
9:08
80. Final Project Part 6
13:33
81. Final Project Part 7
5:42

HomePlans & PricingTeacher talent program

Community

Explore the communityPodcastYouTubeGet Scrimba emails

Courses

All courses Self-paced BootcampFree coursesPro courses

Company

About usSupport centerTermsPrivacy

Built with Imba