Gutenberg Blocks for WordPress and React Developers

Course Feature

Cost

Paid
Provider

Udemy
Certificate

Paid Certification
Language

English
Start Date

2022-01-30
Learners

No Information
Duration

No Information
Instructor

Ali Alaa

Add to Favorites

4.8

4,867 Ratings

This course is perfect for WordPress and React developers who want to learn how to create custom blocks for the Gutenberg block editor. It covers everything from design guidelines to creating simple and complex blocks, as well as dynamic blocks and how to use Redux-like data stores. With this course, you will gain the knowledge and skills to create custom blocks for the Gutenberg block editor, and improve your WordPress theme/plugin development workflow.

Show All

Gutenberg Blocks for WordPress and React Developers

Go to class

Course Overview

❗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

Show All

Pros & Cons

Easy to understand and explained in detail.
Covers every aspect of customizing blocks and user experience.
Provides information not available on WordPress Codex.
Offers cool tips and tricks for block building development.
Detailed and practical course for creating blocks with Gutenberg.

Slightly outdated course.
Code errors that can be missed.
Poor English language.

Show All

Recommended Courses

WordPress Gutenberg Blocks for Beginners

4.5

Udemy 446 learners

Learn More

This course is perfect for WordPress theme and plugin developers, as well as anyone who builds WordPress websites. Learn how to build Gutenberg blocks from scratch with this comprehensive course. You'll get comfortable with the command line, webpack, and the Node.js package manager NPM. Plus, you'll learn how to create rich page and post layouts with Gutenberg blocks, from simple buttons to headers with customizable background images. Get ready to take your WordPress development skills to the next level!

Ultimate Guide to Use WordPress Gutenberg Editor (2022)

3.9

Udemy 10,963 learners

Learn More

This course is the ultimate guide to using the WordPress Gutenberg Editor in 2022. It covers all the functions related to the editor, with practical explanations, quizzes and assignments. With the Gutenberg Editor, users can create amazing, out-of-box website designs with features such as website speed, good interface, easy to handle and use, responsive, and lightweight. The block-based interface and undo/redo function make editing content easier and more intuitive. Upon completion of this course, users will be able to create content quickly and easily, and be able to use the Gutenberg Editor with confidence.

How to use WordPress Gutenberg Editor Complete Guide - 2022

2.8

Udemy 297 learners

Learn More

This course is the perfect guide to mastering the WordPress Gutenberg Editor. It provides a comprehensive overview of the features and benefits of Gutenberg, including its integration with WordPress, its light-weight design, and the lack of need for paid page builder plugins. With this course, users will learn how to use Gutenberg to its fullest potential and unlock the real new powers of WordPress. Don't miss out on this opportunity to become a Gutenberg expert and take your web development skills to the next level.

Learn Wordpress Gutenberg Block Editor

4.3

Udemy 675 learners

Learn More

This course is perfect for anyone who wants to learn how to use the new WordPress Gutenberg Block Editor. Students will learn how to get started with Gutenberg, insert and customize different blocks, create landing pages, and install the Kadence Gutenberg Blocks plugin. With this course, you'll be able to create posts, pages, products, and more with ease, and learn best practices for coding your own blocks. Sign up now and start creating with WordPress Gutenberg!