course

Practical Vue Components

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.

Watch this course

1. Vue project setup

04:09

2. Button: Basic button

07:31

3. Button: Styles

03:32

4. Button: Sizes and refactoring styles

05:39

5. Button: Native click event

02:41

6. Button: Disabled state

02:53

7. Button: Value with props and slots

04:52

8. Button: Passing attributes

03:34

9. Input: Basics

03:08

10. Input: Type toggling

06:35

11. Input: Events

02:39

12. Input: Default value and v-model refactor

04:13

13. Input: Binding attributes

02:48

14. Input: Labels

03:53

15. Input: Textarea

02:19

16. Input: Dynamic textarea height

03:19

17. Modal: Styling

03:01

18. Modal: Slot

03:15

19. Modal: Opening

05:54

20. Modal: Simple closing

02:19

21. Modal: Programatically passing data

04:46

22. Modal: Transition

02:26

23. Modal: Esc to close

02:20

24. Modal: Programmatically closing

03:40

25. Modal: beforeOpen hook

09:13

26. Tabs: Styling

03:23

27. Tabs: Rendering Tabs

04:46

28. Tabs: Unique Tab Names

03:32

29. Tabs - Switching Tabs

03:51

30. Tabs - Pushing Hashes to URL

04:54
  • 2 hours 1 min
  • Released 3 weeks ago
Vue.js
In development