Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
4 Hour(s) 12 Minute(s)
Language
English
Taught by
Lee Shadle
Rating
2 views
Course Overview
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.
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.
Course Content
- 8 section(s)
- 42 lecture(s)
- Section 1 Introduction and Setup
- Section 2 Creating Your First Block
- Section 3 Applying Styles with Stylesheets
- Section 4 Creating a Block with the RichText Component
- Section 5 Creating a Block with a Toolbar
- Section 6 Creating a Block with a Media Uploader
- Section 7 BONUS: Creating a Scalable Architecture for your Blocks
- Section 8 Where do I go from here?
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.
Skills covered in this course
Reviews
-
RRegina Liedtke
It already was outdated when I tried to learn with this course and didn’t work as instructed.
-
DD S
Awesome, no words. Very informative , detailed, short and up to the point . Highly recommended if you are planning to starts Gutenberg block development. Thank you Lee for such a great Tutorial. Waiting for advanced tutorial on the same.
-
LLyle Kirby
This course was really helpful to get a basic to intermediate understanding of Gutenberg Blocks, as a bonus Lee does a great job at helping you get better acquainted with the command line, React, NPM and Webpack. There were one or two instances where the code was out of date and doesn't use certain packages the way Lee was using them, but a quick google of the error will help you find the correct method. Enjoy :-)
-
DDenis Hogan
Best Gutenberg block creation course I've found. Lee walks you through using NPM and Webpack - setting up a variety of plugins in a very straight forward and easy to use language. The only downside is that some of the code is not compatible with Gutenberg since it was incorporated into WordPress core. Ten minutes research will get you out of trouble and will help you understand how it all works together even better. I will be keeping an eye out for Lee's advanced block creation course!
