Learn how to code blocks from scratch for Gutenberg, the new WordPress editor.
This course is for anyone who wants to learn how to build Gutenberg blocks from scratch. Are you a WordPress theme developer? Are you a WordPress plugin developer? Do you build WordPress websites? Then you really need to check this course out.
What you’ll learn
- You’ll be able to build blocks from scratch for Gutenberg, the new WordPress editor..
- You’ll be able to set up your development environment for building Gutenberg blocks..
- You’ll feel very comfortable using the command line to copy, create, delete, and move files and directories..
- You’ll be able to build a WordPress plugin from scratch..
- You’ll know how to create an easy to maintain, scalable architecture for your Gutenberg blocks..
- You’ll know how to use your blocks in both plugin and production environments..
Course Content
- Introduction and Setup –> 8 lectures • 35min.
- Creating Your First Block –> 5 lectures • 43min.
- Applying Styles with Stylesheets –> 5 lectures • 23min.
- Creating a Block with the RichText Component –> 5 lectures • 32min.
- Creating a Block with a Toolbar –> 5 lectures • 17min.
- Creating a Block with a Media Uploader –> 5 lectures • 42min.
- BONUS: Creating a Scalable Architecture for your Blocks –> 8 lectures • 52min.
- Where do I go from here? –> 1 lecture • 8min.
Requirements
This course is for anyone who wants to learn how to build Gutenberg blocks from scratch. Are you a WordPress theme developer? Are you a WordPress plugin developer? Do you build WordPress websites? Then you really need to check this course out.
In the not so distant future WordPress is going to be releasing a new editor codenamed Gutenberg. This new editor will replace the existing TinyMCE wysiwyg editor with the goal of making it easy to create rich page and post layouts.
What the heck is a Gutenberg block? Great question! These new rich page and post layouts will be built using a collection of blocks. A Gutenberg block is then just a piece of a website. A block could be as simple as a button. Or a button with different customization options. Or a button with a form to subscribe to a newsletter. Or a header with a customizable background image. Get it?!
In this course we walk you through every step of creating a block, from setting up your local development environment to installing WordPress, building your first block in development, and finally preparing your your block plugin for production with lots of opportunities to get really comfortable with the command line and other modern javascript dependencies such as webpack and the Node.js package manager NPM.
We teach you everything you need, and nothing you don’t.