16 hours on-demand video
Gutenberg Blocks for WordPress and React Developers
Use Your ReactJS and Redux Knowledge to Create Complex Gutenberg Blocks and Plugins from scratch.
What you'll Learn:
- Learn about the block editor design guidelines.
- Discover how the block editor saves your post in the database and how the editor UI is constructed.
- Learn how to use wp-scripts to transpile ES6 and JSX, compile SASS to CSS, bundle and minify your JS and CSS files and more.
- Integrate ESLint, Prettier, Stylelint and Husky in your project to improve your workflow.
- Create a new custom Gutenberg block from scratch.
- Customize the block editor features in your WordPress theme.
- Discover every aspect you need to know to create a complex Gutenberg block.
- Create a nested block (a block that accepts other blocks inside of it).
- Use third party react libraries to create complex features.
- Learn about handling deprecated blocks.
- Learn how to transform your custom block into another block.
- Create a dynamic block.
- Explore how to use the existing data stores in your blocks.
- Learn how to create your own data stores stores in order to share data between blocks.
- Learn different ways to manage meta fields in the block editor.
- Learn how to create a custom sidebar in the block editor and manage your meta fields inside of it.
- Learn how to extend the existing block editor's sidebar.
- Learn about features like patterns, context, formatting API and templates.
- Modify existing block's behavior with JavaScript , "ReactJS"& PHP filters.
- Internationalize blocks by generating and loading translation files.
What Students are Saying:
“Awesome course! Really in-depth and has practical concepts.”
“The first instructor I have found who takes the time to show properly how React blocks in Wordpress work under the hood and build a useful working conceptual picture.”
“It seems to be just what I was looking for, lets see at the end.”
“The material is explained from the ground up in an in-depth manner”
“excellent course. very detaild. unfortunately it is a little out dated but the basics are still the same.”
“I like the course and how Ali explains everything thoroughly!”
“So far, I like the way Ali explains things not too fancy”
“Fantastic course. Very detailed and well structured, highly recommended!”
“The guy is a genius, you can buy it. He has another great courses too”
“this is a great course. specially I learn many thing about the development settings. thank you”
“Me gusta un montón, he aprendido demasiado hasta ahora”
“This course is the best Gutenberg Blocks course I have come across today. I would highly recommend it to anyone looking to enhance their WordPress development skills.”
“Richtig Klasse. Es wurden alle Themen behandelt, die mich interessieren. Alles ist gut nachzuvollziehen und gut zu verstehen.”
“This course is really amazing . The author is able to explain advanced topics in an easy way using a step to step approach without excluding any detail. Congratulations to Ali!!!”
“I found this very useful for learning Gutenberg Block Development. It covers every aspects of customizing blocks and user experience while editing with Gutenberg.”
“Bravo! If you want go deep on things about WordPress & Gutenberg, this is the right course (bundled with the other Premium Wordpress Theme course by Ali!”