HOT
blank

WordPress Gutenberg Blocks for Beginners.

Development

Rating4.5
Enroll Now

WordPress Gutenberg Blocks for Beginners., available at $44.99, has an average rating of 4.45, with 42 lectures, based on 83 reviews, and has 470 subscribers.

You will learn about 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. This course is ideal for individuals who are Anyone who wants to learn how to build blocks from scratch, for the new Gutenberg editor for WordPress. or Anyone beginning block development for the new Gutenberg editor for WordPress. or Anyone who wants to learn how to build a WordPress plugin. or Anyone who wants to get more familiar with using React and WordPress. or Anyone who wants to get more comfortable with using the command line, the NPM package ecosystem, and webpack. It is particularly useful for Anyone who wants to learn how to build blocks from scratch, for the new Gutenberg editor for WordPress. or Anyone beginning block development for the new Gutenberg editor for WordPress. or Anyone who wants to learn how to build a WordPress plugin. or Anyone who wants to get more familiar with using React and WordPress. or Anyone who wants to get more comfortable with using the command line, the NPM package ecosystem, and webpack.

Enroll now: WordPress Gutenberg Blocks for Beginners.

Summary

Title: WordPress Gutenberg Blocks for Beginners.

Price: $44.99

Average Rating: 4.45

Number of Lectures: 42

Number of Published Lectures: 42

Number of Curriculum Items: 42

Number of Published Curriculum Objects: 42

Original Price: $69.99

Quality Status: approved

Status: Live

What You Will 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.

Who Should Attend

  • Anyone who wants to learn how to build blocks from scratch, for the new Gutenberg editor for WordPress.
  • Anyone beginning block development for the new Gutenberg editor for WordPress.
  • Anyone who wants to learn how to build a WordPress plugin.
  • Anyone who wants to get more familiar with using React and WordPress.
  • Anyone who wants to get more comfortable with using the command line, the NPM package ecosystem, and webpack.

Target Audiences

  • Anyone who wants to learn how to build blocks from scratch, for the new Gutenberg editor for WordPress.
  • Anyone beginning block development for the new Gutenberg editor for WordPress.
  • Anyone who wants to learn how to build a WordPress plugin.
  • Anyone who wants to get more familiar with using React and WordPress.
  • Anyone who wants to get more comfortable with using the command line, the NPM package ecosystem, and webpack.

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 Curriculum

Chapter 1: Introduction and Setup

Lecture 1: Introduction

Lecture 2: Setting up Mamp

Lecture 3: Setting up and using the Command Line

Lecture 4: Installing Node.js

Lecture 5: Getting a Text Editor

Lecture 6: Installing WordPress

Lecture 7: Installing Gutenberg

Lecture 8: Creating a WordPress plugin

Chapter 2: Creating Your First Block

Lecture 1: Enqueuing Scripts

Lecture 2: Registering your Block

Lecture 3: Setting up package.json

Lecture 4: Setting up Webpack

Lecture 5: Using your First Block

Chapter 3: Applying Styles with Stylesheets

Lecture 1: Enqueuing Scripts

Lecture 2: Registering your Block

Lecture 3: Setting up package.json

Lecture 4: Setting up Webpack

Lecture 5: Using your Stylesheets Block

Chapter 4: Creating a Block with the RichText Component

Lecture 1: Enqueuing Scripts

Lecture 2: Registering your Block

Lecture 3: Setting up package.json

Lecture 4: Setting up Webpack

Lecture 5: Using your Editable Block

Chapter 5: Creating a Block with a Toolbar

Lecture 1: Enqueuing Scripts

Lecture 2: Registering your Block

Lecture 3: Setting up package.json

Lecture 4: Setting up Webpack

Lecture 5: Using your Block with a Toolbar

Chapter 6: Creating a Block with a Media Uploader

Lecture 1: Enqueuing Scripts

Lecture 2: Registering your Block

Lecture 3: Setting up package.json

Lecture 4: Setting up Webpack

Lecture 5: Using your Block with a Media Uploader

Chapter 7: BONUS: Creating a Scalable Architecture for your Blocks

Lecture 1: Creating the File Structure

Lecture 2: Adding your Blocks

Lecture 3: Enqueuing Scripts

Lecture 4: Setting up package.json

Lecture 5: Setting up Webpack

Lecture 6: Internationalizing your Blocks

Lecture 7: Using All Your Blocks

Lecture 8: Using Source Maps

Chapter 8: Where do I go from here?

Lecture 1: Using Blocks in Production and Next Steps

Instructors

Rating Distribution

  • 1 stars: 2 votes
  • 2 stars: 1 votes
  • 3 stars: 14 votes
  • 4 stars: 29 votes
  • 5 stars: 37 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Best Ethical AI Courses to Learn in March 2025

Best Software Testing Courses to Learn in March 2025

Best Quantum Computing Courses to Learn in March 2025