% Off Udemy Coupon - CourseSpeak

WordPress Gutenberg Block Development with React JS and PHP

Use ReactJS and PHP to build a custom WordPress Gutenberg block library - with React.js & WordPress Gutenberg (WP 6+)

$9.99 (92% OFF)
Get Course Now

About This Course

<div>Master <b>WordPress Gutenberg Block Development </b>with React & PHP by building a completely custom WordPress block library.</div><div><br></div><div>In this course we'll be building "Blockylicious" - a completely custom WordPress block library built using React and PHP. We'll be building 5 different custom WordPress blocks in this course:</div><div><br></div><div>Introducing the Ultimate Gutenberg Block Library!</div><div><br></div><div>Curvy: Break the mold with aesthetically pleasing curvy shape dividers. Elevate your content separation in style.</div><div><br></div><div>Piccy Gallery & Piccy Image: Craft interactive image galleries that engage and enthrall your site visitors.</div><div><br></div><div>Clicky Group & Clicky Button: Elevate your call-to-action game with dynamic button groups that link directly to specific pages, not just URLs.</div><div><br></div><div>What You'll Learn:</div><div><ul><li><span style="font-size: 1rem;">React within WordPress: Understand the fusion of React's component-based architecture within the Gutenberg editor for seamless block creation.</span></li><li><span style="font-size: 1rem;">Static vs. Dynamic Blocks: Delve deep into the nuances and understand why dynamic blocks often win.</span></li><li><span style="font-size: 1rem;">Custom Block Essentials: Explore custom block data, side panels, post data retrieval, custom toolbars, and leveraging innate WordPress toolbars and features.</span></li><li><span style="font-size: 1rem;">Block Variations: Craft varied designs like Curvy, Curvy top, and Curvy bottom.</span></li><li><span style="font-size: 1rem;">Block Transforms: Master the art of transforming regular text paragraphs into feature-rich Curvy blocks using React components.</span></li><li><span style="font-size: 1rem;">Custom Block Metadata: Personalize your blocks with custom icons, categories, and more.</span></li><li><span style="font-size: 1rem;">Inner Block Rendering: Dive into the mechanics of rendering inner blocks efficiently with React.</span></li><li><span style="font-size: 1rem;">Block Restriction: Learn the art of defining which blocks fit where, such as ensuring Clicky Button blocks exclusively serve as children to Clicky Group blocks.</span></li><li><span style="font-size: 1rem;">Interactive Blocks: Harness the power of JavaScript and React to create dynamic blocks that interact and respond.</span></li><li><span style="font-size: 1rem;">Block Previews: Get hands-on with block previews by utilizing "example" in block.json.</span></li><li><span style="font-size: 1rem;">Styling Techniques: Dive into different strategies for block styling from stylesheets, block.json attributes, to theme.json elements.</span></li></ul></div><div><br></div><div>Transform your WordPress designs and functionalities using custom built Gutenberg blocks enhanced by React and PHP. Enroll today and shape the future of your websites!</div>

What you'll learn:

  • Build a complete custom WordPress block library
  • Learn the difference between static and dynamic WordPress blocks
  • Create endless WordPress block customizations and features with React
  • Learn block variations and transform WordPress blocks into other blocks
  • Load WordPress data within blocks
  • Learn different styling techniques for WordPress blocks
  • Build a dynamic block front-end with PHP and JavaScript