❗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
