Gutenberg Block Development Course

15 Lessons
2 Students
Certificate of completion

Track:

Programming

Gutenberg is not a regular WYSIWYG editor. Rather, it redefines the entire editing experience in WordPress. In Gutenberg, the content is divided into blocks, which are “bricks” that users can use to create posts and pages or their entire websites .

To Register in Course you have to watch at least 30 Second of any lesson

What You'll Learn

Create custom Gutenberg blocks using React and JavaScript for WordPress websites and themes
Implement block development best practices to enhance website functionality and user experience
Utilize WordPress APIs and block editor tools to build dynamic, reusable, and responsive content blocks
Debug and troubleshoot Gutenberg blocks to ensure compatibility across different browsers and devices
Integrate advanced features like custom controls, attributes, and rich media within Gutenberg blocks
Optimize Gutenberg block performance for faster load times and improved website SEO
Apply version control and deployment strategies for maintaining and updating custom blocks
Design user-friendly interfaces for Gutenberg blocks to improve content editing and publishing workflows

Course Content

15 Lessons • 3 h 10 m total

64 How to create Block Patterns | register block pattern | The Future of Page Building in WordPress

11:06

65 How To Remove Default Gutenberg Block Patterns | remove theme support core block patterns

4:28

66 Add Block Pattern Categories | register block pattern category | WordPress 5 5 | Gutenberg

8:03

67 Block Pattern Templates | register block pattern | WordPress 5 5 | Gutenberg

10:58

68 Gutenberg Block Patterns Styles | register block pattern | WordPress 5 5 | Gutenberg

19:41

69 Setup Gutenberg | Gutenberg Wordpress Tutorial | wordpress create block

14:46

70 Enqueue Block Editor Assets | enqueue block editor assets | enqueue editor assets

15:11

71 Creating Custom Block Categories | block categories | WordPress Gutenberg Tutorial

10:03

72 My First Gutenberg Block in React | Gutenberg WordPress Tutorial | registerBlocktype

12:47

73 Custom Gutenberg Block React | RichText | registerblocktype WordPress

17:11

75 Setup ESLint for WordPress | wordpress eslint plugin | eslint config wordpress | Theme

4:37

76 Inner Blocks Gutenberg | Nested Blocks Using InnerBlocks | React Example

31:15

77 Stylelint tutorial | Using Stylelint for WordPress Theme | stylelint config wordpress

5:11

How to Use Block Variations in WordPress | registerBlockStyle | Gutenberg Block Variations

21:43

79 Unregister Block Style Variation | unregisterBlockStyle | Block Variations Gutenberg

3:49

How to Get The Certificate

You must have an Account on the platform.
Complete all lessons.
Watch at least 50% of Lesson Duration.
Get your Certificate free 🎉 !

4.5 (160 reviews)

Overall rating

5.0 0%
4.0 0%
3.0 0%
2.0 0%
1.0 0%

Reviews

Be the First One Review This Course

Gutenberg Block Development Course Description

Gutenberg is not a regular WYSIWYG editor. Rather, it redefines the entire editing experience in WordPress. In Gutenberg, the content is divided into blocks, which are “bricks” that users can use to create posts and pages or their entire websites .

Focus on Learning, Not Ads

Experience the full power of Mindluster with Premium.
No distractions, just pure education.

Get Mindluster Premium

Cancel your subscription anytime