WordPress Plugin Development with Vue.js (2021)

Vue is an amazing framework. Wordpress is the most common CMS of the world. Why not mix these two by creating a plugin?

This course aims to teach you how to create a WordPress plugin with Vue.js. This is how we are going to proceed, we are going to follow these steps carefully:

• Create a local WordPress,

• Build a Vue app with Vue CLI 3,

• Import Bootstrap as a CDN,

• Import others scripts that we will need,

• Use an API to display the weather,

• Turn our WP into an API,

• Call our database to get posts…

During all these steps, we aim to master this plugin development process in order to develop anything we want with Vue inside Wordpress.

Why Vue? Vue can scale up to be used for full-blown single page applications, but you can also use it to add small bits of interactivity to sites, pages, or plugins where in the past you may have used jQuery. Vue is a great option here because it’s a quick and easy way to add interactivity, and it really streamlines the development process by bringing reactivity and component-based architecture to the table with fairly low overhead.

So if you are ready, let’s start to learn how to code your own plugin with WordPress & Vue.js.

Rating Distribution

• 1 stars: 2 votes
• 2 stars: 3 votes
• 3 stars: 8 votes
• 4 stars: 11 votes
• 5 stars: 21 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!