❗The content presented here is sourced directly from Udemy platform. For comprehensive course details, including enrollment information, simply click on the 'Go to class' link on our website.

Updated in [July 17th, 2023]

This course provides an overview of Gutenberg Blocks for WordPress and React Developers. Students will learn how to create custom blocks for the block editor, as well as design guidelines for block creation. The course will also cover the use of WordPress plugins, wp-scripts, ESLint, Prettier, Stylelint, Husky, and other tools. Additionally, students will learn how to modify and add features to the block editor, create simple and complex blocks, create dynamic blocks, use existing and create custom data stores, manage metadata, and discuss various topics such as context, patterns, templates, formatting API, filters, and internationalization. In order to gain the most out of this course, students should have WordPress theme/plugin development knowledge, basic JavaScript concepts, preferably the recent ES6+ versions, ReactJS knowledge, and Redux knowledge.

Course Syllabus

An Introduction to the Block Editor

Let's Create our First Block

Adding Theme Support for the Block Editor

Exploring Block Features by Creating a Simple Block

Let's Create a Complex Nested Block!

Dynamic Blocks

Creating a Plugin Boilerplate for Block Editor Features

Adding Custom Global Data Stores

Managing Metadata & Adding Custom Sidebars

Bonus Lectures