Wordpress Plugin Development with Svelte.js (2021)

How to develop a plugin for Wordpress with Svelte

What you'll learn
Wordpress plugin development with Svelte
Use of Svelte
Create a Wordpress plugin
Link a HTML template to a plugin
Add javascript libraries to a Wordpress plugin
Architecture of a plugin using Svelte

Requirements
none
Description
Wordpress Plugin Development with Svelte

This course aims you to teach you how to code your own plugin on a Wordpress website. We are going to learn together how to start, how to activate our plugin and how to change our content dynamically.

At the end of this course, i'll provide you the entire plugin as files to use.

In this course, we are going to learn to use SvelteJS to create our first Wordpress Plugin. Step by step, we are going to:

Create a local Wordpress,

Create your first Wordpress plugin

Build our first Svelte app,

Create our first Svelte component,

Link Wordpress with our Svelte app,

Import Bootstrap as a CDN,

Import others scripts that we will need,

Show/hide a cookie banner,

Put/remove cookies from browser

What is Svelte?

Svelte: A new approach to building rich user interfaces

Svelte provides a different approach to building web apps than some of the other frameworks covered in this module. While frameworks like React and Vue do the bulk of their work in the user's browser while the app is running, Svelte shifts that work into a compile step that happens only when you build your app, producing highly-optimized vanilla JavaScript.

The outcome of this approach is not only smaller application bundles and better performance, but also a developer experience that is more approachable for people that have limited experience of the modern tooling ecosystem.

Svelte sticks closely to the classic web development model of HTML, CSS, and JS, just adding a few extensions to HTML and JavaScript. It arguably has fewer concepts and tools to learn than some of the other framework options.

Who this course is for:
beginners

More Info