Vue.js Component Patterns Course

What you'll learn

The goal of this course is to teach you the fundamentals to make Vue.js components that are simpler, more flexible and most of all fun to build and use!

This course is the fastest way to get up to speed with advanced Vue.js concepts and is guarantueed to jump start your learning.

Who is this course for?

This course is for everyone with a basic understanding of Vue.js who wants to learn more about using components effectively.

Why you should learn more about components

Having build frontends in multiple frameworks, I'm fascinated by how all these frameworks converge on the very same idea of a reusable component.

And it really is a repeating pattern. You have a component which encapsulates state, logic and even styling. With props in and events out, you can use these components to compose complex UIs.

It is therefore well worth to invest more time in learning how to work with components effectively

What you'll learn

The full course is currently 12 chapters long with more content added constantly.

  • Fundamentals of building portable components with Vue.js
  • How to solve every day problems with Component Composition using Vue.js slots and scoped slots
  • Create Headless or Renderless components for maximum flexibility
  • Build Functional components in cases where a template is not flexible enough
  • Dynamic Component Rendering instead of lots of if/else statements
  • How to use Mixins, Extends, High Order Components and why you should favor composition
  • Refactor large and complex components into Smart vs. Dumb Components
  • You learn about the Prop Drilling Problem and some easy ways to fix it
  • How to use the Provide/Inject Pattern to build composite components
  • Async component loading to improve your apps loading time
  • How to build well behaving components
  • Component Antipatterns - what not to do

Exercises with Solutions

twitter demo

Apply what you learn with more than 12 interesting and real-life exercises with solutions.

Some components you will build:

  • Flexible Card Components
  • Twitter Stream
  • Filtered Lists
  • Countdown Timer
  • Data Provider
  • Themeable Components

Get the Vue.js Component Pattern Course

Basic Package

  • Instant Access to the Course Material as PDF, epub or mobi file
  • Sourcecode for more than 25 gradually building up examples
  • Join our Community at spectrum.chat
  • Invoice available after purchase
  • Free updates
Buy Course | Starting at $10

Early access offer

Complete Package

  • Instant Access to the Course Material as PDF, epub or mobi file
  • Sourcecode for more than 25 gradually building up examples
  • More than 12 Exercises with Sourcecode and Solutions
  • Join our Community at spectrum.chat
  • Invoice available after purchase
  • Free updates
Buy Course | Starting at $15

Early access offer

100% Money Back within 30 days, if you don't like the course.

The Vue.js Advanced Component Patterns course is still in production and the price increases as more lessons become available. Get the course today and save a bunch on our Early Access Offer.

Frequently Asked Questions

Will there be future updates?

Future updates are free and by buying the course you support development of further content.

I have some suggestions for your course. How can I get in touch?

I'm always open for feedback. Please, send me your ideas, suggestions and problems you encountered! You can reach me at fdietz@gmail.com.

Can I pay with Paypal?

Yes, you can! Just select the "Paypal" option when checking out with Gumroad.

Where can I find the Community

We have an open community on spectrum.chat for you to join.

Get I get a discount?

If you are a student or otherwise the book is too expensive for you, ping me for a discount!

I have another questions!

No problem! You can reach me at fdietz@gmail.com

About the Author

author

My name is Frederik Dietz and I'm a passionate software developer, located in beautiful Hamburg, Germany.

As a freelance software developer I've worked with various companies on Ruby on Rails, Angular.js, React.js and nowadays also Vue.js projects.

I very much enjoy learning and teaching about software development.