Jump to content
YOUR-AD-HERE
HOSTING
TOOLS
SERVICE

Locked Featured Wordpress Plugin Development with Svelte.js (2021)


itsMe

Recommended Posts

This is the hidden content, please

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

Course content
1 section • 9 lectures • 52m total length

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

This is the hidden content, please

This is the hidden content, please

Link to comment
Share on other sites

  • MASTERitsMe unpinned this topic
Guest
This topic is now closed to further replies.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.