Gutenberg Block Development for WordPress

Course Feature

Cost

Paid
Provider

Udemy
Certificate

Paid Certification
Language

English
Start Date

2018-09-24
Learners

No Information
Duration

No Information
Instructor

Zac Gordon

Add to Favorites

3.5

1,259 Ratings

This course provides a comprehensive introduction to Gutenberg Block Development for WordPress. It covers the fundamentals of how Gutenberg Core works, important JavaScript libraries, how to create custom blocks, and options for Theme Developers to extend and customize Gutenberg. It also includes the modern JS approach of using ES6+, JSX, React, webpack and more. As Gutenberg is still in development, the course will receive updates as Gutenberg evolves. This is an abridged version of a larger course not available on Udemy. Click now to gain a solid foundation of how to start developing with the new WordPress editor.

Show All

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, Gutenberg Block Development for WordPress, provides a comprehensive overview of the new WordPress editor, Gutenberg. Students will gain a solid foundation of how to start developing with the new WordPress editor, including how Gutenberg Core works under the hood, important JavaScript libraries that ship with Gutenberg, how to create custom blocks with core and custom components, and options for Theme Developers to extend and customize Gutenberg. Additionally, the course will cover the modern JS approach of using ES6+, JSX, React, webpack and more. As Gutenberg is still in development, the course will receive updates as Gutenberg evolves.

Course Syllabus

Course Introduction

A High Level Overview of Blocks

Working with registerBlockType

Example Block Walkthroughs

Next Steps

Show All

Pros & Cons

Great overview of coding blocks and getting things up and running.
Suitable for all levels and developers starting out with Gutenberg.
Provides explanations for lines of code and new concepts like JSX and webpack.
Encourages hands-on practice and making changes to the code.
Instructor is a great teacher and helps in learning React.

Feels rushed and incomplete, with a broken link to another course.
Superficial explanations and lack of real explanations.
Important parts of the complete course are intentionally left out.

Show All

Recommended Courses

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!

Easy Guide to WordPress Gutenberg Editor

4.4

Udemy 3,001 learners

Learn More

This comprehensive course is the perfect place to start if you're looking to create compelling web content with WordPress. Learn how to use Gutenberg Editor effectively to create professional-looking web content without any coding skills. Understand the basics of Gutenberg Editor, explore different types of blocks, formatting options, layout elements, and more. Discover alternative options and customize the editor settings according to your preferences. Take your content creation skills to the next level and enrol now!