Source: https://www.udemy.com/course/gutenberg/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 & PHP filters.
- Internationalize blocks by generating and loading translation files.
Requirements
- You should be familiar with HTML, CSS (SASS), Javascript and PHP basics.
- You should be familiar with WordPress development.
- You should be familiar with ReactJS Basic Concepts.
- Redux Knowledge is Preferable
- Any code editor you are comfortable with, I will use VS Code in this code.
- A local server like MAMP, WAMP, XAMPP, Laragon or any other software you are familiar with. I will use MAMP through out this course.
- NodeJS and NPM or Yarn installed on your machine.
Download Links
Password: cms.ddpanda.org
