This course will teach you everything you need to know to get started developing your own Gutenberg blocks.

The course covers:

  • The architecture of Gutenberg: Covers the file structure, the React and Redux abstraction layers, as well as important helper libraries.
  • Introduction to blocks: The basic architecture of a Gutenberg block, as well as how it handles its style and script dependencies.
  • Registering blocks: The starting point for creating custom blocks. Covers how attributes are saved (user data added to the block), as well as the edit and front end views.
  • Example block: Practical exercises for building blocks. Includes a development boilerplate, enabling you start writing code right away. Along the way you’ll learn to implement different user interface elements (block form fields, toolbars, and sidebars), and different types of blocks (JS rendered and PHP rendered).

The course website includes a section with sample videos, so that you can get an idea of the quality of the videos included in the course.