Practical Vue Components / Vue project setup

0 complete
30 parts
Next →

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
  • Pro

10. Input: Type toggling

06:35
  • Pro

11. Input: Events

02:39
  • Pro

12. Input: Default value and v-model refactor

04:13
  • Pro

13. Input: Binding attributes

02:48
  • Pro

14. Input: Labels

03:53
  • Pro

15. Input: Textarea

02:19
  • Pro

16. Input: Dynamic textarea height

03:19
  • Pro

17. Modal: Styling

03:01
  • Pro

18. Modal: Slot

03:15
  • Pro

19. Modal: Opening

05:54
  • Pro

20. Modal: Simple closing

02:19
  • Pro

21. Modal: Programatically passing data

04:46
  • Pro

22. Modal: Transition

02:26
  • Pro

23. Modal: Esc to close

02:20
  • Pro

24. Modal: Programmatically closing

03:40
  • Pro

25. Modal: beforeOpen hook

09:13
  • Pro

26. Tabs: Styling

03:23
  • Pro

27. Tabs: Rendering Tabs

04:46
  • Pro

28. Tabs: Unique Tab Names

03:32
  • Pro

29. Tabs - Switching Tabs

03:51
  • Pro

30. Tabs - Pushing Hashes to URL

04:54
  • Pro

Practical Vue Components

  • 2 hours 1 min
  • Released 5 months ago

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.

Vue.js
In development

Resources

No resources for this course