Wordpress Gutenberg Blocks For Beginners

0

1

2

3

4

5

Posted on 03 Nov 10:11 | by mitsumi | 13 views

Wordpress Gutenberg Blocks For Beginners.
Last updated 10/2018
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 2.65 GB | Duration: 4h 12m

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, jаvascript, 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 jаvascript 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.