‘Gutenberg Block Development’ Videos

  • Gutenberg : au delà de l’éditeur de texte

    WordCamp Lyon 2022Speaker: Benjamin Grolleau

    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 »

  • Introduction au développement de blocs pour l’éditeur

    WordCamp Lyon 2022Speaker: Vincent Dubroeucq

    February 28, 2023 — Le FSE (Full Site Editing) est maintenant disponible et va devenir la façon par défaut de construire les thèmes WordPress.

    Les thèmes vont passer d’un ensemble de templates et fonctions PHP à un ensemble de templates HTML référençant des blocs. Les blocs deviennent ainsi l’unité de base à partir de laquelle le site entier et son contenu sont construits.

    Aussi, pour la majorité des sites et thèmes personnalisés qui ont vocation à être installés sur les sites des clients, vous allez avoir BESOIN de créer des blocs personnalisés à un moment ou à un autre.

    Pour ceux qui n’ont jamais osé tenter l’aventure, l’objectif de cet atelier est de faire vos premiers pas dans le monde du développement JavaScript et d’aborder le développement de blocs personnalisés de façon simple, pas à pas, sans (trop) de jargon ni de complexité technique.

    Ensemble, on va créer un bloc tout simple et vous apprendrez les bases nécessaires pour commencer à développer vos premiers blocs correctement et commencer à aborder les fonctionnalités plus avancées avec plus de confiance.

    Presentation Slides »

  • Carlo Daniele: creare blocchi per Gutenberg. Da dove iniziare?

    WordPress Meetup CesenaSpeaker: Carlo Daniele

    November 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 »

  • Cory Webb: Demystifying Gutenberg blocks – understanding first steps to becoming a Gutenberg developer

    Speaker: Cory Webb

    December 15, 2021 — Learn more about building custom Gutenberg blocks.

    How to even begin? What could you create? What tools to use?

    For a developer who hasn’t spent much time with JavaScript beyond tweaking a few jQuery scripts, approaching Gutenberg development can feel like an impenetrable fortress. The barriers to entry are daunting, with tools like React, JSX, Node.js, npm, and webpack evolving faster than ever.

    Navigate this maze of technologies and understand the essentials for starting Gutenberg development.

    Presentation Slides »

  • Carlo Daniele: Come sviluppare blocchi per Gutenberg. Introduzione per tutti

    WordCamp Italia 2021Speaker: Carlo Daniele

    November 6, 2021 — In questo talk spiegherò come configurare con pochi passaggi un ambiente di sviluppo per i blocchi del nuovo editor di WordPress. Spiegherò come sviluppare un primo semplice blocco e come orientarsi tra l’enorme quantità di materiale e documentazione disponibile online e continuare a sviluppare blocchi in autonomia.

    Presentation Slides »

  • Lee Shadle: Blazing fast block development

    WordCamp Europe 2021Speaker: Lee Shadle

    July 4, 2021 — This talk offers some recommendations for faster and easier block development.

  • Imran Sayed : Custom Gutenberg Block Development In React

    WordPress Meetup ColomboSpeaker: Imran Sayed

    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 »

  • Intro to Gutenberg Block Development

    Speaker: Jonathan Bossenger

    August 11, 2020 — With WordPress moving more and more into the world of blocks, knowing how to build your own blocks has become valuable knowledge. However, if you are a plugin or theme developer, you might not be sure where to start. This workshop will serve as a guide to building your first block.

    Presentation Slides »

  • Maciej Palmowski: Creating Gutenberg blocks using ACF Blocks

    WordCamp Prague 2020Speaker: Maciej Palmowski

    July 8, 2020 — Learn about creating Gutenberg blocks the easy way, without learning React.

    Presentation Slides »

  • Magdalena Paciorek: First Steps With Gutenberg For Developers

    WordCamp Prague 2020Speaker: Magdalena Paciorek

    July 7, 2020 — This talk explains how developers can start building Gutenberg blocks in JavaScript and React, even if you still haven’t learned JavaScript deeply.