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 »

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 »

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 »

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 »

December 30, 2019 — Most developers have some experience with jQuery, but few of them understand the principles of Javascript and how to write and debug Javascript code. This session will cover best practices for writing object oriented Javascript, benchmarking, and debugging.

Presentation Slides »

November 10, 2019 — Die Art und Weise, wie WordPress Themes funktionieren, könnte sich in den nächsten Jahren verändern. Dieser Talk zeigt, welche neuen Möglichkeiten WordPress mit dem Gutenberg Projekt plant und bereits bietet. Darüber hinaus wird darauf eingegangen, welche Einflüsse Frameworks (AMP, Gatsby, Frontity), Schnittstellen (Graph QL) und neue Web-Standards haben können.

October 21, 2019 — At the end of 2018, we launched a custom eLearning platform that is built on the WordPress backend and experienced through our ReactJS frontend. In this talk, I would like to discuss why we chose the hybrid approach and how it’s a viable option for designers/developers looking to modernise their WordPress sites incrementally. I will share the technical challenges we faced throughout the project, including how we overcame them, and what we intend to do next with our web app.

https://2019.brisbane.wordcamp.org/session/building-a-hybrid-javascript-app-for-wordpress-how-why-we-embedded-our-spa-without-going-completely-headless/

June 2, 2019 — This talk will cover how JavaScript has been used with WordPress in the past, and how it will be used going forward. Instead of proposing one single method or framework to use when coding JavaScript, we will go through a few different combinations you’ll see in the wild in both older and more forward-looking WordPress plugins. Examples will cover AJAX with jQuery, ES6, the Heartbeat API, REACT, and Gutenberg blocks.

After this talk, attendees should feel more comfortable opening up any JS file they come across in the WordPress world and knowing a bit more about how to work with the various frameworks and patterns in use.

Presentation Slides »

March 25, 2019

March 18, 2019 — WordPress 5.0 introduces a new block editor called “Gutenberg” and if you’re a WordPress developer, you need to know how to build blocks. This talk is for developers who have already created basic blocks and are ready to build more complex blocks and to migrate legacy shortcodes as well as meta boxes to blocks.

This talk will cover using modern JavaScript development tools including webpack for WordPress block plugins. We will look at constructing block interfaces out of Gutenberg components, creating your own components that can be shared between the editor and the front-end and using WordPress’ Redux-like state management.

Presentation Slides »