101 to best understand how WordPress's Gutenberg works and how to create your custom blocks


What you'll learn

WordPress local development
Code editing and best practices
Understand and work with the Gutenberg interface
Plan and code Gutenberg block from scratch
Implement several Gutenberg code features
Learn by examples how to develop your own Gutenberg block codes
Implement and code Gutenberg blocks
Modify existing Gutenberg blocks to best suit your needs

Requirements

PHP and javascript basic knowledge

Description

The release of WordPress 5.0 officially introduced Gutenberg as the default content editor, users can now create more complex pages with just a few clicks.

This new approach uses technologies like ReactJS and advanced javascript that end up by scaring some users who are not used to code on such frameworks, myself included.

Since I like challenges I decided to take the quest to understand how this Gutenberg block construction really works. After reading several tutorials, watch hour of videos and days of practice I came up with the content for this course.

The goal of this course is to clearly explain to you how the new Gutenberg Blocks work, best practices and how you can code your own without wasting hours or days searching for snippets all hover the internet and reading dozens of tutorials.

I have been coding daily for WordPress hover the latest years, released plugins that are on the Wordpress oficial repo and designed / coded somes themes.

With this course you will be able to use the new Gutenberg editor, understand how Gutenberg blocks work, are coded and be aware of the best practices available today.

Gutenberg doesn't have to be black magic and at the end of this course you'll be able to understand and use it to best suit your needs, start your journey today.

Who this course is for:

Beginner to advanced WordPress users
Users looking for further customisation on their WordPress projects