Wordpress Gutenberg Blocks For Beginners.

Learn how to code blocks from scratch for Gutenberg, the new WordPress editor.

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.
Requirements
Be familiar with WordPress.
A desktop Mac or Windows computer is required.
Be familiar with HTML, CSS, JavaScript, React and PHP. None of these are required, but knowing a little about each will definitely help.
Description
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. 

Overview

Section 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

Section 2: Creating Your First Block

Lecture 9 Enqueuing Scripts

Lecture 10 Registering your Block

Lecture 11 Setting up package.json

Lecture 12 Setting up Webpack

Lecture 13 Using your First Block

Section 3: Applying Styles with Stylesheets

Lecture 14 Enqueuing Scripts

Lecture 15 Registering your Block

Lecture 16 Setting up package.json

Lecture 17 Setting up Webpack

Lecture 18 Using your Stylesheets Block

Section 4: Creating a Block with the RichText Component

Lecture 19 Enqueuing Scripts

Lecture 20 Registering your Block

Lecture 21 Setting up package.json

Lecture 22 Setting up Webpack

Lecture 23 Using your Editable Block

Section 5: Creating a Block with a Toolbar

Lecture 24 Enqueuing Scripts

Lecture 25 Registering your Block

Lecture 26 Setting up package.json

Lecture 27 Setting up Webpack

Lecture 28 Using your Block with a Toolbar

Section 6: Creating a Block with a Media Uploader

Lecture 29 Enqueuing Scripts

Lecture 30 Registering your Block

Lecture 31 Setting up package.json

Lecture 32 Setting up Webpack

Lecture 33 Using your Block with a Media Uploader

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

Lecture 34 Creating the File Structure

Lecture 35 Adding your Blocks

Lecture 36 Enqueuing Scripts

Lecture 37 Setting up package.json

Lecture 38 Setting up Webpack

Lecture 39 Internationalizing your Blocks

Lecture 40 Using All Your Blocks

Lecture 41 Using Source Maps

Section 8: Where do I go from here?

Lecture 42 Using Blocks in Production and Next Steps

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.