February 28, 2023 — Aujourd’hui, Gutenberg est surtout connu pour être l’éditeur de WordPress, mais c’est avant tout un éditeur de contenu et les possibilités qu’il offre sont nombreuses, et peuvent aller bien au-delà de la “simple” publication d’une page ou d’un article.

En découpant nos applications, en pensant en bloc / composant / Lego, il est vite possible de créer de nouveaux usages. C’est ce que je souhaiterai expliquer à travers plusieurs exemples concrets, certains très orientés “vie d’agence” et d’autres un peu plus créatifs.

Nous verrons par exemple comment créer une scène 3D grâce à des blocs Three JS ou encore comment je génère mes factures à base de blocs.

De la conception / l’idéation à des exemples concrets de code, nous verrons que Gutenberg est bien plus qu’une alternative aux pages builders plus historiques.

Presentation Slides »

December 18, 2022 — Per chi non ha una conoscenza approfondita di JavaScript, React, Redux e le più moderne tecnologie web, l’idea di sviluppare blocchi per Gutenberg può sembrare scoraggiante. E, in effetti, per creare blocchi avanzati sono necessarie conoscenze da sviluppatore full-stack. Ma per iniziare è necessario essere dei guru di JavaScript?

Naturalmente no. E in questo talk spiego come iniziare a sviluppare blocchi Gutenberg da 0 senza avere conoscenze avanzate di sviluppo.

Presentation Slides »

December 24, 2021 — A professional designer offers some examples of how to creatively customize blocks. Learn how to use Block Styles to transform standard blocks into works of art!

January 21, 2021 — In the WordPress post Gutenberg world there are fundamental shifts in both user and development workflows, and moving forward that means how we develop themes for will also change. Let’s look at the current status of theme development, how you can get started taking advantage of the core editor right and how we can begin building themes for the future. Specifically, we’ll cover: • How to modify existing themes to take full advantage of the new editor and blocks. • Adding Theme Supports and Block templates to existing themes • What’s the difference between Block Enabled and Block Based Themes • Upcoming enhancements for Full Site Editing and Global Styles and how this will affect theme development.

November 26, 2020 — Adapting to Gutenberg could be challenging for PHP developers who have minimal knowledge of JavaScript and React. It’s a paradigm shift and to re-learn how to do what we did with PHP in JavaScript can be overwhelming . In this talk I will discuss how a php developer, with minimal js knowledge can build blocks quickly.

How can the php developers survive the amount of technologies to be learnt for Gutenberg? Can creating a custom block be as easy as running a couple of simple commands?

Sharing my story, research and methods (How would we solve the problem?)

You will know about my personal experiences that helped me build blocks quickly and allowed my clients to migrate to WordPress site, with the power of Gutenberg. ServerSideRender component can simplify creating the editor representation for dynamic blocks. My talk will show how the some build tools like @wordpress/create-block, wp-cli and dynamic blocks can help anyone who wants to create reusable blocks quickly with minimal JavaScript.

Conclusion (Leave the audience smarter)

My talk will leave you with a clear understanding of how you can dive into block development quickly without knowing much JS, then expand your knowledge further into the areas of our need.

Presentation Slides »

November 26, 2020 — ‘Fabian and Anja want to instruct you to develop a custom Gutenberg block from scratch with the help of tools the Gutenberg team has developed:

November 26, 2020 — ‘Fabian and Anja want to instruct you to develop a custom Gutenberg block from scratch with the help of tools the Gutenberg team has developed:

November 26, 2020 — ‘Fabian and Anja want to instruct you to develop a custom gutenberg block from scratch with the help of tools the gutenberg team has developed:

November 3, 2020 — Blocks are the components of Gutenberg. Blocks are simply reusable easy to use components. While there are many libraries and core blocks available, sometimes you have to writes custom blocks to meet your client requirements. The knowledge of Gutenberg can really empower you to achieve even the complex functionalities and layouts in Gutenberg.

In this session, Imran (WordPress Developer at rtCamp) will demonstrate how to quickly write custom Gutenberg blocks with the help of available tools while explaining the States and attributes of the block and other concepts.

Meetup link
https://www.meetup.com/Colombo-WordPress-Meetup/events/274099459/

Presentation Slides »

September 19, 2019 — Sometimes the hardest part of a new project is just getting started. In this new Gutenberg-powered world, what does it mean to design a block? Where do I put my shortcode attributes? What’s this toolbar? Mel will show you examples of blocks she designed and go over the basic anatomy of a Gutenberg block. You’ll learn how a block is structured, where to put your settings, and user experience tips to ensure your users or customers are set up for success. No prior design experience is required, and developers are encouraged to attend!

Presentation Slides »