Free Videos Archives - JavaScript for WordPress

Gatsby & WordPress – Pros and Cons with an Overview of How It Works

Zac Gordon on October 8, 2019

This video is the introduction to the Gatsby & Headless WordPress Course and goes over what Gatsby is, how it connects to WordPress and some of the Pros and Cons of using Gatsby and WordPress together. To learn more, check...Read More

GraphQL for Gatsby – An Introduction and Overview with Examples

Zac Gordon on June 19, 2019

Free Videos Gatsby Tutorial

GraphQL for Gatsby Logos with Text "GraphQL for Gatsby" and geometric colorful shapes

In this excerpt we learn about how GatsbyJS uses GraphQL to query data. Includes examples from official Gatsby starters.Read More

What is Gatsby JS and Why Use It?

Zac Gordon on June 10, 2019

Free Videos Gatsby Tutorial

While working on my Gatsby JS Basics Course I had to create a high level overview video of what Gatsby is and why you would want to use it. Watch the Video! To learn more about Gatsby JS, check out...Read More

How to Create an HTML Element in React [Video]

Zac Gordon on April 23, 2019

Free Videos React Book Tutorial

How to Create an HTML Element with React

React Explained This video is an excerpt from the React Explained Course and Book that breaks down how to use React for beginners. In the video we go over how to to use one of the most important functions in...Read More

Extending WordPress Blocks with JavaScript (and PHP) Block Filter Hooks – Tutorial with Video

Zac Gordon on March 28, 2019

Free Videos Tutorial

Extend WordPress Blocks Tutorial with JavaScript and PHP Filters

In this article we look at how to extend blocks with JavaScript and PHP Filters in WordPress.Read More

WordPress Plugin Sidebar API Tutorial [w Video]

Zac Gordon on January 30, 2019

Course Updates Free Videos

The Plugin Sidebar API WordPress Graphic of sidebar

One of the cool things you can do with WordPress is create your own custom sidebars in the editor. Check out the video below to get a solid overview of the Plugin Sidebar API and a walk through of how...Read More

An Overview of The WordPress Data API – Redux in WordPress

Zac Gordon on January 22, 2019

Course Updates Free Videos

I am so excited that we have a Data API in WordPress. This allows for us to easily get data and call actions in WordPress using JavaScript and React. The Data API is built with Redux, but is not to be mistaken for...Read More

Important JavaScript Libraries in the WordPress Gutenberg Editor – React, Redux, and More

Zac Gordon on June 29, 2018

Free Videos

JavaScript Libraries in WordPress Gutenberg React Redux

This video is an excerpt from my Gutenberg Development Course and it goes over some of the important JavaScript libraries that ship with Gutenberg: wp.element – React under the hood wp.blocks – (Has changed) functions for helping build blocks wp.components – Core re-usable...Read More

Strict Mode in JavaScript

Zac Gordon on April 16, 2018

Free Videos

While working on my React Book in needed to explain the concept of Strict Mode in JavaScript. Since this was a topic I covered in my JavaScript for WordPress Master Course, I needed figured I would just release this video to help explain the...Read More

How to Install NPM (and Node) on a Mac

Zac Gordon on December 26, 2017

Free Videos

How to Install NPM and Node with Homebrew on a Mac with Zac Gordon

Overview In both my JavaScript for WordPress Master Course and my upcoming Gutenberg Development Course we use NPM (or Yarn) to install and manage our JavaScript packages and tools. In this quick video I go over how to install NPM on a Mac (for...Read More