The full course clocks in at 34 lessons totaling 4 hours of content.
It covers topics like:
- Building custom controlled components
- Strategies for keeping logic encapsulated and making components more portable
- Using composition to extend components instead of mixins or inheritance
- How and why to use render functions, even if you aren’t using JSX
- Using data provider components to reuse non-UI logic
- Creating renderless components that are completely customizable
- Designing compound components using Vue’s provide and inject features
- Real-world case studies on building robust sortable list and search select components
Every lesson is as short as possible but no shorter, so you’ll learn everything you need to know in just the right amount of time at just the right pace.
The whole course is neatly organized by topic too, so it’s super easy to go back and find the exact lesson you’re looking for when you’re trying to apply these ideas on the job.
Course Curriculum
Advanced Vue Component Design | |||
Lesson 1. Building Controlled Components | 00:00:00 | ||
Lesson 2. Customizing Controlled Component Bindings | 00:00:00 | ||
Lesson 3. Wrapping External Libraries | 00:00:00 | ||
Lesson 4. Encapsulating Behavior Global Events | 00:00:00 | ||
Lesson 5. Encapsulating Behavior Direct DOM Manipulation | 00:00:00 | ||
Lesson 6. Encapsulating Behavior Portals | 00:00:00 | ||
Lesson 7. Encapsulating Behavior Reusing Portals | 00:00:00 | ||
Lesson 8. Injecting Content Using Slots | 00:00:00 | ||
Lesson 9. Native-Style Buttons Using Slots and Class Merging | 00:00:00 | ||
Lesson 10. Extending Components Using Composition | 00:00:00 | ||
Lesson 11. Passing Data Up Using Scoped Slots | 00:00:00 | ||
Lesson 12. Render Functions 101 | 00:00:00 | ||
Lesson 13. Render Functions and Components | 00:00:00 | ||
Lesson 14. Render Functions and Children | 00:00:00 | ||
Lesson 15. Render Functions and Slots | 00:00:00 | ||
Lesson 16. Data Provider Components | 00:00:00 | ||
Lesson 17. Getting Started with Renderless Components | 00:00:00 | ||
Lesson 18. Passing Data Props | 00:00:00 | ||
Lesson 19. Passing Action Props | 00:00:00 | ||
Lesson 20. Passing Binding Props | 00:00:00 | ||
Lesson 21. Using Functions as Binding Props | 00:00:00 | ||
Lesson 22. Implementing Alternate Layouts with Renderless Components | 00:00:00 | ||
Lesson 23. Configuring Renderless Components | 00:00:00 | ||
Lesson 24. Wrapping Renderless Components | 00:00:00 | ||
Lesson 25. Building an Element Query Component | 00:00:00 | ||
Lesson 26. Compound Components and ProvideInject | 00:00:00 | ||
Lesson 27. Building a Compound Sortable List Component | 00:00:00 | ||
Lesson 28. Building a Search Select Data Bindings | 00:00:00 | ||
Lesson 29. Building a Search Select Filtering | 00:00:00 | ||
Lesson 30. Building a Search Select Focus Management | 00:00:00 | ||
Lesson 31. Building a Search Select Making It Controlled | 00:00:00 | ||
Lesson 32. Building a Search Select Keyboard Navigation | 00:00:00 | ||
Lesson 33. Building a Search Select Click Outside Component | 00:00:00 | ||
Lesson 34. Building a Search Select Integrating Popper.js | 00:00:00 |
3 STUDENTS ENROLLED