Practical Vue Components
This course is in development. More episodes on the way.
30 episodes•2 hrs 1 min•5 years ago
Overview
Build a collection of reusable components for your app, and learn the complexities of Vue along the way. Everything from buttons and modals to collapsible file trees and navigation. Super clean, super reusable.
Alex Garrett-Smith
Hey, I'm the founder of Codecourse!
Episodes
0%
Your progress
- Total: 2h 1m
- Played: 0m
- Remaining: 2h 1m
01. Vue project setup
4m 9s
0%
02. Button: Basic button
7m 31s
0%
03. Button: Styles
3m 32s
0%
04. Button: Sizes and refactoring styles
5m 39s
0%
05. Button: Native click event
2m 41s
0%
06. Button: Disabled state
2m 53s
0%
07. Button: Value with props and slots
4m 52s
0%
08. Button: Passing attributes
3m 34s
0%
09. Input: Basics
3m 8s
0%
10. Input: Type toggling
6m 35s
0%
11. Input: Events
2m 39s
0%
12. Input: Default value and v-model refactor
4m 13s
0%
13. Input: Binding attributes
2m 48s
0%
14. Input: Labels
3m 53s
0%
15. Input: Textarea
2m 19s
0%
16. Input: Dynamic textarea height
3m 19s
0%
17. Modal: Styling
3m 1s
0%
18. Modal: Slot
3m 15s
0%
19. Modal: Opening
5m 54s
0%
20. Modal: Simple closing
2m 19s
0%
21. Modal: Programatically passing data
4m 46s
0%
22. Modal: Transition
2m 26s
0%
23. Modal: Esc to close
2m 20s
0%
24. Modal: Programmatically closing
3m 40s
0%
25. Modal: beforeOpen hook
9m 13s
0%
26. Tabs: Styling
3m 23s
0%
27. Tabs: Rendering Tabs
4m 46s
0%
28. Tabs: Unique Tab Names
3m 32s
0%
29. Tabs - Switching Tabs
3m 52s
0%
30. Tabs - Pushing Hashes to URL
4m 54s
0%