Contact for queries :

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
  • FREE
  • 10 Days


WPLMS is the most popular Education WordPress theme. With over 12000 customers and several startups successfully running their businesses on WPLMS, it is the most powerful solution for Education websites right now.

Popular Tags

Who’s Online

There are no users currently online
Template Design © VibeThemes. All rights reserved.