Welcome to the Course

Get a brief overview of the course, its objectives, and prerequisites.

Objectives of the course

First and foremost, this course will help you gain a better understanding of how to use Vue, what potential it offers, and how to leverage it to build amazing apps more efficiently.

The second goal is to broaden your horizons. We’ll learn about the framework, underlying patterns, and paradigms of Vue by learning about it in depth. These can help you understand other frameworks better too.

And last but not least, this course will spark your curiosity and allow you to play around with Vue! An old saying goes that most scientific progress is not accompanied by a, “Eureka” but by a surprised, “That’s odd.” “Why” is one of the most important questions you can ask, and we want to encourage you to never stop learning and dig deeper.

Course structure

The first chapter will look at all the lifecycle hooks Vue offers and what you can achieve with them. Then it will look at the various methods that make code reusable. ​In-depth event handling and custom events will be next. You’ll also see how Vue’s v-model actually works and how to leverage this to create custom form elements.

Some advanced templating concepts, such as using named slots efficiently or custom directives, are also on our list. Next will be a few lessons on internationalization or i18n for short. Then, you’ll look deeper into some of Vue’s core concepts.

The second to last chapter will be all about Vue’s first-class state machine, Vuex, and how to use it to abstract things away efficiently. In the end, you’ll see some useful Vue libraries and plugins.

Prerequisites

You should ideally have worked with Vue before. This course won’t go into detail about how to set up a Vue application, nor will it go over at any Vue basics, like how templating works or how data flows. Familiarity with the general Vue syntax, props, data, and computed properties is also necessary.

General knowledge about JavaScript (JS), especially modern JS features, or even TypeScript (TS), is helpful. This course will not use TS very often, but knowing how it works is beneficial.

Now that you know what to expect from this course, let’s get going!