zgordon/gutenberg-course zgordon/gutenberg-course

  • Stars
    star
    296
  • Rank 140,464 (Top 3 %)
  • Language
    JavaScript
  • Created almost 7 years ago
  • Updated about 5 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
zgordon/gutenberg-course
github

zgordon

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Repo for Zac Gordon's Gutenberg Development Course - http://gutenberg.courses/

Gutenberg Block Development Course for WordPress

Course Banner

A Course from Zac Gordon on JS for WP

View the course on https://javascriptforwp.com/ >>

Course Outline

  1. Core Gutenberg Architecture
  2. A High Level Overview of Blocks
  3. Working with registerBlockType (See this plugin repo for this section)
  4. HTTP Requests Outside of WordPress
  5. Example Block Walkthroughs

Example File Instructions

  1. Download or fork the course repo
  2. Install themes and plugins as needed
  3. Run npm install and npm run dev to make changes

More Repositories

1

wp-dev-course

Example files for my WordPress Development Course on Udemy
PHP
144
star
2

tabor-gatsby-theme

A port of the Tabor WordPress Theme over to Gatsby
CSS
77
star
3

react-book

Practice exercises for "React Explained" book
JavaScript
74
star
4

how-to-gutenberg-plugin

A demo WordPress plugin that teaches you how to build blocks with JavaScript
JavaScript
74
star
5

twentynineteen-gatsby-theme

A port of the Twenty Nineteen WordPress Theme over to Gatsby
CSS
72
star
6

advanced-gutenberg-course

Advanced Gutenberg Development Plugin
JavaScript
67
star
7

frontend-masters-jsforwp

Example files for Frontend Masters Class JavaScript for WordPress Course
CSS
53
star
8

twentytwenty-react

A demo WordPress theme showing how to load React
JavaScript
50
star
9

jsforwp-conf-workshop-2019

JavaScript, React and WordPress Workshop for the 2019 JavaScript for WordPress Conference
JavaScript
40
star
10

gutenberg-theming-course

Example files for Theming with Gutenberg Course - https://gutenberg.courses/theming
CSS
24
star
11

javascript-explained

Repo for book JavaScript Explained
HTML
24
star
12

vanillapress

A simple, mock WordPress front and back end in vanilla JavaScript for the JavaScript for WordPress Master Course
JavaScript
23
star
13

wp-rest-api-intro-course

This repo goes along with Zac Gordon's Udemy Course - Introduction to the WordPress REST API
JavaScript
18
star
14

wordpress-ajax

A demo repo for my AJAX in WordPress Mini Course
PHP
17
star
15

wceu-2018

Repo for WordCamp Europe 2018 Advanced Gutenberg Development Workshop
PHP
16
star
16

reactpress

A decoupled site and editor using React and the WordPress REST API
JavaScript
13
star
17

wp-decoupled-auth-course

A demo repo for my Authenticating with the WordPress REST API using JavaScript
JavaScript
11
star
18

wordpress-block-no-webpack

An example Gutenberg block without needing Webpack or JSX
JavaScript
10
star
19

gatsby-wordpress-course

The practice exercise and example repo for the Headless WordPress with Gatsby Course
JavaScript
10
star
20

wp-commento

A WordPress plugin to replace native WordPress comments with Commento - for static and headless WP sites
PHP
10
star
21

jsforwp-practice-exercises

Practices exercises for the JavaScript for WordPress Bootcamp
HTML
10
star
22

wp-graphql-gatsby-starter

A starter theme for GatsbyWPThemes.com
JavaScript
7
star
23

caldera-forms-signature-field-add-on

A signature field add-on for Caldera Forms
JavaScript
6
star
24

headless-react-jwt-auth-wordpress

A demo repo for headless authentication with WordPress and React using JWT Auth
JavaScript
6
star
25

gatsby-basics

Repo for Gatsby Basics Course
JavaScript
6
star
26

jsforwp-2020-workshop

Workshop for teaching JavaScript in WordPress
PHP
6
star
27

a-day-of-javascript

Demo files for Zac's JavaScript & WordPress API Workshops
CSS
5
star
28

wp-hooks

Snippet Library of Helpful WP Hooks
PHP
5
star
29

react-book-website

Repo for book website
JavaScript
4
star
30

wordpress-scripts-demo

A demo of how to use WordPress Scripts package for building your JavaScript projects
PHP
3
star
31

wcphx-2019

Example code for Custom Block Development workshop at WordCamp Phoenix 2019 - https://javascriptforwp.com/wcphx-2019
PHP
3
star
32

ci.membertype

A simple CodeIgniter application for an ExpressionEngine members module
PHP
2
star
33

gatsby-basics-deploy

Demo repo for deploying a Gatsby site to Netlify
JavaScript
2
star
34

gatsby-netlify-demo

A demo repo for teaching how to deploy from Gatsby to Netlify
JavaScript
2
star
35

gatsby-explained

Accompanying practice and project files for the Gatsby Explained Book
JavaScript
2
star
36

wceu-2017

Slides and files for WordCamp Europe "Up and Running with JavaScript" Workshop
HTML
2
star
37

gravity-forms-static-reset

Plugin to reset Gravity Forms after submit on static WordPress sites
1
star
38

wcsanjose-2017

Slides and exercise files for JavaScript + WP REST API Workshop at WordCamp San JosΓ©, Costa Rica 2017.
CSS
1
star
39

wcdc-2017

Files for WordCamp DC 2017 JavaScript Workshop
HTML
1
star
40

material-ui-styleguide

A playground style guide for apps and sites
JavaScript
1
star
41

wootreestore

WordPress Theme for Treehouse WooCommerce Theme Development Course
CSS
1
star
42

gatsby-tutorial

Repo for livestream walk through of official Gatsby tutorial
JavaScript
1
star
43

gatsby-wordpress-deploy

A demo for deploying from a WordPress site to a Gatsby site
JavaScript
1
star
44

jsforwp-latest-child-theme

2018 https://javascriptforwp.com/ theme
PHP
1
star
45

foxy-wp

A WordPress plugin to enable Foxy headless ecommerce
PHP
1
star
46

gulp-starter

Gulp configuration for concatenating, minifying, adding sourcemaps, error linting, plumber and SASS with auto loading of all plugins
CSS
1
star