Gutenberg Block Development Course

Rated 5.00 out of 5 based on 10 customer ratings
(10 customer reviews)

$129.00

Learn the architecture, libraries and know how for working with the new Gutenberg Block Editor for WordPress.

NOTE: A $39 abridged version of this course exists on Udemy if you are not able to afford the full version of the course here.

SKU: GUTENBERG Category:

Course Outline

01 – Core Gutenberg Architecture [11 videos]

  • 01.01 – A Walk Through of Core Gutenberg Files [3:18]
  • 01.02 – Main Gutenberg Plugin File [2:37]
  • 01.03 – /element – Element Library [4:03]
  • 01.04 – /blocks – The Blocks Library [3:21]
  • 01.05 – /component – The Components Library [2:31]
  • 01.06 – /editor – The Editor Library [4:03]
  • 01.07 – /data – Data Library [2:03]
  • 01.08 – /date – Date Library [1:32]
  • 01.09 – /i18n – Client Side Internationalization Library [2:12]
  • 01.10 – /docs – Docs Library [1:54]
  • 01.11 – Tooling and Configuration Files [4:53]

02 – A High Level Overview of Blocks [5 videos]

  • 02.01 – Important JavaScript Libraries that Ship with Gutenberg [4:00]
  • 02.02 – Do Custom Blocks Belong in Plugins or Themes? [1:40]
  • 02.03 – The Modern JS vs ES5 Approach [6:47]
  • 02.04 – Basic Block Architecture [6:15]
  • 02.05 – Enqueuing Block JS and CSS [7:05]

03 – Working with registerBlockType [9 videos]

  • 03.01 – An Overview of registerBlockType [7:00]
  • 03.02 – registerBlockType – Title Setting [3:29]
  • 03.03 – registerBlockType – Category Setting [1:51]
  • 03.04 – registerBlockType – Icon Setting [4:39]
  • 03.05 – registerBlockType – Keywords Setting [04:06]
  • 03.06 – registerBlockType – Supports Setting [3:32]
  • 03.07 – registerBlockType – Attribute Settings [7:51]
  • 03.08 – registerBlockType – Edit Setting [6:00]
  • 03.09 – registerBlockType – Save Setting [3:32]

04 – Example Block Walkthroughs [13 videos]

  • 04.01 – Getting Setup with the Example Plugin Files [15:19]
  • 04.02 – Example – Static Block [11:27]
  • 04.03 – Example – RichText Block [11:34]
  • 04.04 – Example – Text Alignment Toolbar [8:27]
  • 04.05 – Example – Block Alignment Toolbar [6:16]
  • 04.06 – Example – Custom Toolbars in Blocks [9:37]
  • 04.07 – Example – Inspector Controls [8:48]
  • 04.08 – Example – Inspector Control Fields [19:47]
  • 04.09 – Example – Block Form Fields [8:20]
  • 04.10 – Example – Media Upload Button [11:54]
  • 04.11 – Example – URL Input [8:22]
  • 04.12 – Example – Dynamic Block [13:45]
  • 04.13 – Example – Meta Box [9:52]

Sample Videos

10 reviews for Gutenberg Block Development Course

  1. Rated 5 out of 5

    andreaskeller (verified owner)

    Great course to learn the fundamentals of developing custom Gutenberg blocks! Lot’s of helpful examples which I also used as a starting point for my own blocks.

  2. Rated 5 out of 5

    Igor Benić

    If you’re looking into starting developing custom blocks for Gutenberg, this is the course for you. Without the guidelines from this course and examples, I would have been lost in the beginning. It provides you with enough information so you can start digging into Gutenberg core with ease. With all the custom block examples, you will be ready to create your own blocks right after finishing this course.

  3. Rated 5 out of 5

    Mike England (verified owner)

    I felt that this course did a great job of getting you prepared for developing in Gutenberg even though the finalized version [of Gutenberg] isn’t out at this time. This course also helps you become more resourceful in your block development instead of just relying on code someone else prepared for you which is why I give it 5 stars.

  4. Rated 5 out of 5

    pypwalters (verified owner)

    It’s a great course! I was hesitant to spend the money at first because there is so much free information out there, but Zac really puts all of the information into one cohesive flow making it so much faster and easier to learn. And his React-based approach to building the blocks made al of the concepts very familiar and easy to grasp. Thanks, Zac!

  5. Rated 5 out of 5

    mrahmadawais (verified owner)

    I’ll keep it short. This is easily one of the best resources to learn Gutenberg development! 💯

  6. Rated 5 out of 5

    Joe Howard (verified owner)

    Bought this course for my whole team so everyone can get some background information about Gutenberg development before it goes live. Everyone agreed this is one of the most comprehensive courses around. Will be buying Zac’s future courses as they’re released too since they’re always worth it! 🙂

  7. Rated 5 out of 5

    vincedubroeucq

    Excellent course. You’ll build a pretty solid understanding of how Gutenberg works, and you’ll be able to your first blocks very quickly. Defintely worth it !

  8. Rated 5 out of 5

    Rhys Clay (verified owner)

    Pure 🔥🔥🔥 – this is HOW i learnt to develop Gutenberg blocks. Zac is also really helpful on social media. Keep it up!!! ganggang

  9. Rated 5 out of 5

    Miina Sikk (verified owner)

    Exactly what someone who is interested in starting with Gutenberg development needs!

  10. Rated 5 out of 5

    jbr (verified owner)

    Really excellent. I’ve tried a lot of different resources to get to grips with block development, this is the first one that really made it click. Great explanations and a load of really useful code to play around with.

Add a review

Your email address will not be published. Required fields are marked *