‘JavaScript’ Videos

  • Craig West: Web components in WordPress and Gutenberg, and as HTML plugins

    WordCamp Northeast Ohio 2021Speaker: Craig West

    May 28, 2021 — Web Components are custom HTML tags you can create and these are part of the browser specification. HMTL code and JavaScript can be wrapped into a custom HTML tag and used like regular HTML. Think ‘widgets’ or HTML plugins.

    Learn how to create your own HTML tags to use in WordPress pages, Gutenberg blocks, or even create HTML/JS/CSS ‘plugins’ to deploy in any HTML site.

  • Frontity Framework: Introduction to Building React frontends for WordPress

    WordCamp Los Angeles 2020Speaker: Pablo Pastigo

    November 3, 2020 — In this talk Pablo Postigo, co-Founder & CEO of Frontity, will give an introduction to the basics of Frontity Framework and what are the main challenges when developing a React frontend for a Headless WordPress.

    In addition he will share his vision of the future of JavaScript in the WordPress ecosystem and also the story behind Frontity, with special attention to the key learnings from these years building the Framework.

    Presentation Slides »

  • Chris Ferdinandi: The Lean Web

    WordCamp Los Angeles 2020Speaker: Chris Ferdinandi

    October 29, 2020 — The web in 2020 is a bloated and over-engineered mess! Many modern web development “best practices” are making the web worse. This thought-provoking talk shares ideas on how to fix the problem as it explores an alternate set of best practices.

    Presentation Slides »

  • Mauricio Dinarte: Understanding React

    WordCamp Los Angeles 2020Speaker: Mauricio Dinarte

    October 29, 2020 — React.js has become one of the most well-known and popular JavaScript libraries. WordPress rebuilt its WYSIWYG editor using React. Drupal recently adopted React to create admin interfaces.

    This talk explains the basic concepts of React outside of the context of any particular CMS implementation. The examples help to understand React and why it is powerful. Learn how to convert a static site into a dynamic React application.

  • Piccia Neri: Visual perception and memory: how to win on the web with better visual communication

    WordSesh APAC 2020Speaker: Piccia Neri

    October 21, 2020 — We all know that 3 seconds is all it takes to lose the attention of visitors to our web pages. But there’s hope yet! We can all win on the web by leveraging the brain’s strengths and limitations. An understanding of how the human brain processes visual information can greatly help us win our visitors over and keep them where we want them, instead of losing them to cyberspace.
    In this talk, I want to present how the JavaScript ecosystem has flourished in recent years, creating a wide range of opportunities for contributors working on the Gutenberg project. At the same time, I want to explain many of the architectural decisions that have sought to make the transition as smooth as possible for those familiar with developing products and services based on WordPress.

  • Greg Ziolkowski: How Modern JavaScript Influences WordPress Development

    WordSesh APAC 2020Speaker: Greg Ziolkowski

    October 21, 2020 — WordPress has always been recognized as a very welcoming platform for developers at any level of expertise. Introduced in WordPress core over a year ago, the block editor not only brought an entirely new editing experience for users, but it also redefined the way plugins and themes are developed.

    In this talk, I want to present how the JavaScript ecosystem has flourished in recent years, creating a wide range of opportunities for contributors working on the Gutenberg project. At the same time, I want to explain many of the architectural decisions that have sought to make the transition as smooth as possible for those familiar with developing products and services based on WordPress.

    Presentation Slides »

  • Mauricio Dinarte: Understanding React.js

    WordCamp Denver 2020Speaker: Mauricio Dinarte

    July 11, 2020 — React.js has become one of the top players in the JavaScript libraries world. WordPress has rebuilt its WYSIWYG editor using React. Drupal has recently adopted the library to create admin interfaces. This session aims to explain the basic concepts of React outside of the context of any particular CMS implementation. Many examples will be presented to help you understand it and why it is so powerful.

    Presentation Slides »

  • Imran Sayed: Fastest way of creating Gutenberg blocks with minimal JavaScript knowledge

    Livestream 2020-Feb-22Speaker: Imran Sayed

    June 1, 2020 — In this talk, Imran Sayed discusses how a PHP developer, with minimal JS knowledge, can build blocks quickly. You will learn about his personal experiences that helped him build blocks quickly and allowed clients to migrate to WordPress site, with the power of Gutenberg.

    Presentation Slides »

  • Saied Abbasi: Theme Development PHP vs. JavaScript

    WordCamp Santa Clarita 2020Speaker: Saied Abbasi

    May 30, 2020 — In 2015, Matt Mullenweg suggested that the WordPress community invest some of their time to “learn JavaScript deeply”. Well I am late to the party, and maybe some of you are as well, but Gutenberg is here and JavaScript is amongst us.

    This talk is intended to be a humble narrative about my journey to learning JavaScript, and some React. One that is still ongoing, and that has stopped and started a few times.

    I was originally a WordPress user, turned webmaster, turned developer. This transition has shaped my perspective on development and hopefully allows me to provide some unique and WordPress-oriented insights into how one might move from a PHP-based, WordPress paradigm to make room for JavaScript and React in our workflows.

    We will explore the current evolution of theme development. How JavaScript fits into a WordPress developer’s workflow and where a WordPress developer may end up leaning on an amalgamation of what they know and they may still need to learn. And from that, I hope to open up a conversation about knowing WordPress as a platform and PHP developer, while perhaps not being the best JavaScript developer in the room.

    Presentation Slides »

  • Daniel Primo: Lecciones de JavaScript para WordPress de un polizón optimista

    WordCamp Valladolid 2020Speaker: Daniel Primo

    March 3, 2020 — ¿Qué tengo que hacer para aprender de una vez por todas JavaScript?

    Más allá de jQuery o de React éste lenguaje de programación puede ponerte en otro nivel en el universo de WordPress. Algunos de sus caminos son insospechados.

    Presentation Slides »