Experience Level: Intermediate to Advanced JavaScript In this tutorial – published Oct. 5, 2018 – Rich Tape gives a great overview of block editor terminology along with example code for adding a custom panel to the block editor sidebar. Article: Topics: Simplifying terminology used in block editor development Registering and rendering a custom block setting […]
Category Archives: JavaScript
How to Adapt Your Plugin for Gutenberg: Part 1 (Block API) – Hardeep Asrani
Experience Level: Intermediate to Advanced JavaScript In this post – published July 26, 2018 and part of a two-part series – Hardeep Asrani outlines a comprehensive guide for converting meta boxes, shortcodes, TinyMCE buttons, and other editor features in plugins to leverage block editor APIs. Article Topics: Identifying elements to convert, such as meta boxes, […]
Create Style Variations for WordPress Gutenberg Blocks: Parts I & II – David Gwyer
Experience Level: Intermediate JavaScript, CSS In this two-part tutorial – published Nov. 28 and Dec. 14, 2018, respectively – TutsPlus instructor David Gwyer breaks down exactly how to go about giving blocks the exact style you’re looking for. Part I: https://code.tutsplus.com/tutorials/implementing-block-style-variations-in-gutenberg-part-1–cms-32243 Part II: https://code.tutsplus.com/tutorials/implementing-block-style-variations-in-gutenberg-part-2–cms-32254 Topics: Part I: Overview of support for block styles in several […]
A Quick Start Guide To The WordPress REST API – Brenda Barron
Experience Level: Beginner to Intermediate PHP In this article – published Dec. 12, 2018 – Brenda Barron paints a dynamic picture of what the WordPress REST API is, its history and how it works, and some of its potential use cases in real-world development. Article: https://www.wpsuperstars.net/wordpress-rest-api/ Topics: What the WordPress REST API is and how […]
Two ways to build Gutenberg Blocks – Jason Bahl
Experience Level: Beginner PHP, Intermediate to Advanced JavaScript In this tutorial – published Nov. 15. 2018 – Jason Bahl covers how to build the same custom testimonial block two different ways: Extending Advanced Custom Fields PHP, and create-guten-block with JavaScript. Article: Topics Covered: Extending Advanced Custom Fields to register, style, and render a custom testimonial […]
[JavaScript] Event Listeners and Business Logic – Thorsten Frommen
Experience Level: Beginner to Intermediate JavaScript In this post – published Jan. 23 2018 – Thorsten Frommen from Human Made examines the relationship between the Separation of Concerns and Single Responsibility principles when mixing JavaScript event listeners with business logic. Article: Topics Covered: What event listeners are and how they work at a basic level […]
Getting Started with JavaScript – Gutenberg Handbook
Experience Level: Beginner JavaScript In this tutorial – published in the Gutenberg Handbook – the WordPress docs team does a great job of explaining the basics for enqueuing block editor assets from a plugin or theme for both the editor only and both the editor and front end. Article: Topics Covered: Enqueuing custom scripts for use […]
React Basics For WordPress Developers – Josh Pollock
Experience Level: Beginner to Intermediate JavaScript In this post – published Oct. 10, 2018 in Torque Magazine – Caldera Labs founder Josh Pollock provides a comprehensive guide for WordPress developers looking to learn the basics of React JS. Article: Topics: Basic Hello World example with React In-depth overviews of concepts like React.createElement and JSX Creating […]