I’ve been shipping Vue.js to production since the spring of 2015 and have learned a ton about writing maintainable, resilient Vue code that lasts.
When I first started using Vue, I fell in love because of how easy it made it to do what quickly turned into a mess with jQuery, like dynamically adding fields to a form or showing a loading state while firing off an AJAX request.
Three years later I’ve realized that Vue solves a lot of hard problems that I never expected it to solve, like:
Advanced Vue Component Design takes everything I know about using Vue to build more than basic UI widgets and bundles it up into one comprehensive course that you can work through in an afternoon.
The full course clocks in at 34 lessons totaling 4 hours of content.
It covers topics like:
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.
Building Controlled Components
Customizing Controlled Component Bindings
Wrapping External Libraries
Encapsulating Behavior: Global Events
Encapsulating Behavior: Direct DOM Manipulation
Encapsulating Behavior: Portals
Encapsulating Behavior: Reusing Portals
Injecting Content Using Slots
Native-Style Buttons Using Slots and Class Merging
Extending Components Using Composition
Passing Data Up Using Scoped Slots
Render Functions 101
Render Functions and Components
Render Functions and Children
Render Functions and Slots
Data Provider Components
Getting Started with Renderless Components
Passing Data Props
Passing Action Props
Passing Binding Props
Using Functions as Binding Props
Implementing Alternate Layouts with Renderless Components
Configuring Renderless Components
Wrapping Renderless Components
Building an Element Query Component
Compound Components and Provide/Inject
Building a Compound Sortable List Component
Building a Search Select: Data Bindings
Building a Search Select: Filtering
Building a Search Select: Focus Management
Building a Search Select: Making It Controlled
Building a Search Select: Keyboard Navigation
Building a Search Select: Click Outside Component
Building a Search Select: Integrating Popper.js
Choose the package that works for you.
Buying for your team? View team pricing options.
“The best part of Adam’s course is not only does he show you more advanced patterns for building Vue components, but he also walks you through the evolution of each piece, so you get a sense of why things work the way they do. This approach to teaching is excellent because it’s easier to remember, and you learn the concepts more deeply. Highly recommended!”
Can I pay with PayPal?
Sure! To pay with PayPal, just choose the "PayPal" option when checking out with Gumroad.
An account will be created for you automatically and you'll receive an access link via email shortly after purchasing.
Can I get an invoice?
Absolutely! Right after purchasing you'll get a receipt which includes a link to generate an invoice with any extra information you need to add for your own accounting purposes.
How do I access and watch the videos?
All of the videos are hosted inside of a custom platform I put together just for this course.
Instead of downloading a bazillion gigs of content, you just login to the course area with your GitHub account and you’ll have access to everything right away.
Every video is available both to stream and to download. You don’t need to fill up your hard drive if you don’t want to, but you can also download lessons for offline viewing whenever you like!
Can I purchase multiple licenses for my team at a reduced price?
Sure! Here's what I've got for team pricing:
Team licenses can be purchased through Gumroad:
After purchasing, you'll receive an email with unique access links you can distribute to the people on your team.
I have another question!
No problem! Shoot me an email and let’s chat!