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:
“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!”
“This a great course. Its slightly dated, but due to how often the WordPress teams updates their core components. But you can pick up from where Ali is going in this, and tweak as needed. No significant lost here, and lots of cool tips and tricks you probably won't find anywhere else on block building development for WordPress.”
“Great and helpful tutorial. I recommend it! It is very kin on details and you can learn to build complex UI interfaces in Wordpress' Gutenberg.”
“After watching only the very first section, (there are ten in all) I've already learned more about block development than I did in two weeks of watching youtube videos. The introduction section explains exactly how the gutenberg lifecycle works: How the data is handled from database to editor to front end, and vice versa. This is a huge plus as everything else seems to make much more sense afterwards. I'd highly recommend this course already.”
“A very detailed and practical course for creating blocks with Gutenberg. Recommended!”
“If you really want to know how things work and understand how to create custom Gutenberg blocks this is the course, I've bought a couple others, and they are not focused on understanding what's going on and why, so I recommend this one.”