In this course you'll learn some advanced concepts of VueJS and how to leverage them to get the most out of the framework.

Advanced VueJS concepts- Build apps more efficiently.png

vue3_w_deps_and_apis.tar.gz

Vue3 + APIs

VueJS is a modern JavaScript frontend framework. Many popular websites use it for simplicity and performance every day. Vue offers a wide range of features to customize behavior, extend it, and use it for a variety of projects.

In this course, you will learn about some of the advanced features of Vue by learning all about Vue’s lifecycle hooks, reusing code, handling events, and creating custom form controls. You’ll then cover advanced templating concepts before learning about internationalization and gaining a deeper understanding of Vue. Then, you’ll learn how to create complex applications with Vuex and your own plugins, along with state handling communication with APIs. At the end, a selection of libraries and plugins is built as a more frequently reusable code for Vue.

This course requires a basic understanding of Vue to take full advantage of its contents. The practical examples discussed in this course will give you an edge in developing cleaner reusable code efficiently.

Advanced VueJS: Build Better Applications Efficiently

**(True or False)** All event modifiers work with all events by default.

(True or False) All event modifiers work with all events by default.

**(Select all that apply.)** Which of the following keys are supported as modifiers out of the box without extra configuration?

(Select all that apply.) Which of the following keys are supported as modifiers out of the box without extra configuration?

Capturing an event in one place reverses the entire listener call chain.

All number keys and letter keys need extra configuration to be usable.

A custom event can have the same name as a native one, such as `click`.

We can add multiple event listeners for the same base event to a single component.

Stopping the propagation of a custom event never works.

**(Select all that apply.)** Which of the following statements are correct?

(Select all that apply.) Which of the following statements are correct?

To allow for custom inputs, such as drag and drop.

**(Select all that apply.)** Which of the following are use cases for custom events?

(Select all that apply.) Which of the following are use cases for custom events?

Forward compatibility—the event bus won’t work anymore in Vue 3.

Performance—using an event bus is slow.

Added complexity—it can become unclear as to where events are emitted.

There’s no real alternative to the event bus pattern.

**(Select all that apply.)** Which of the following are some drawbacks of the event bus pattern in Vue?

(Select all that apply.) Which of the following are some drawbacks of the event bus pattern in Vue?

Should you use Vue’s event system or the native Vanilla JS event system for custom events?

Should you use Vue’s event system or the native Vanilla JS event system for custom events?

Quiz yourself on advanced event handling in Vue.

Introduction and Course Goals

Lifecycle Hooks

Reusable Code

Event Handling

Form Controls

Templating

Internationalization

Understanding Vue on a Deeper Level

Vuex

Appendix - Libraries and Plugins

Wrap-Up and Farewell

Quiz: Event Handling