‘JavaScript’ Videos

  • A Wild JavaScript Appears: Jason Coleman: Understanding The Many Ways JS is Used with WordPress

    A Wild JavaScript Appears: Jason Coleman: Understanding The Many Ways JS is Used with WordPress

    WordCamp Lancaster 2019Speaker: Jason Coleman

    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 »

  • Thomas Ebert: JavaScript Frontend for WordPress
  • Josh Pollock: (Slightly) Advanced Topics In Block Development

    Josh Pollock: (Slightly) Advanced Topics In Block Development

    WordCamp Montreal 2018Speaker: Josh Pollock

    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 »

  • Andrew Taylor: Holy Blockamole: Tips On Learning Block Development

    Andrew Taylor: Holy Blockamole: Tips On Learning Block Development

    WordCamp US 2018Speaker: Andrew Taylor

    December 25, 2018 — This talk will help you get started on your journey to modern JavaScript WordPress development by sharing resources, tips and lessons learned from developing custom WordPress blocks.

  • Nick Smith: Testing Your Critical JavaScript

    Nick Smith: Testing Your Critical JavaScript

    WordCamp Philadelphia 2018Speaker: Nick Smith

    December 7, 2018 — We’ll deep dive into testing in JavaScript. Looking at when to write a test, which type of testing approach to take, and how to be sure other developers feel comfortable adding and editing your tests in the future. We’ll start with an overview of what should be tested and then cover some of the different kinds of testing – unit, integration, and snapshot. We’ll cover when to think about mocking your functions and how to think about critical pathing future testing iterations

  • Sören Wrede: Gutenberg erweitern
  • The Gutenberg Team: Roundtable with the Gutenberg team (Part 1)

    The Gutenberg Team: Roundtable with the Gutenberg team (Part 1)

    WordCamp Europe 2018Speakers: Matías Ventura, Andrew Duthie, Ella Van Dorpe, Gary Pendergast, Grzegorz Ziółkowski, Jorge Costa, Riad Benguella, Tammie Lister

    August 10, 2018 — Ask your questions to the group of people building Gutenberg. Learn its design language, how to create blocks and extend the new editor interface in various ways.

  • Zac Gordon: JavaScript for WordPress Workshop PART 1

    Zac Gordon: JavaScript for WordPress Workshop PART 1

    WordCamp Seattle 2017Speaker: Zac Gordon

    August 9, 2018 — In this workshop we will learn about JavaScript fundamentals like the DOM, Events and JSON all using native JavaScript. Then we will introduce the WordPress REST API and look at how to use it in both WordPress themes and stand alone JavaScript applications. Come get a foundation level understanding of this important topic of JavaScript and API driven WordPress development.

    Some experience with jQuery or JavaScript is encouraged.

    COME PREPARED!
    Make sure you come prepared! Come early to make sure you’re ready to go.

    For this workshop you will want to have the following:

    Laptop
    A working local WordPress install with SSL on your laptop (Zac suggests using Local by Flywheel or DesktopServer for easy setup)
    A Code Editor

    Presentation Slides »

  • Bobby Bryant, Kevin Langley Jr.: Modern JS with ES6

    Bobby Bryant, Kevin Langley Jr.: Modern JS with ES6

    WordCamp Miami 2018Speakers: Bobby Bryant, Kevin Langley Jr.

    July 13, 2018 — This talk is geared towards getting people up to speed with how Modern Javascript works. The bulk of this talk will be used to cover the newer Javascript syntax, since that syntax will be used in the following React Talks. The Modern JS talk will also cover how to navigate the board Javascript ecosystem, and we will be touching on topics such as Node, NPM, and some of the various build tools that exist. Additionally, we will discuss some more advanced Javascript topics like Async Programming, and building modular Javascript applications.

    Presentation Slides »

  • Jadon Naas: JavaScript! What is it good for?

    Jadon Naas: JavaScript! What is it good for?

    WordCamp Pittsburgh 2017Speaker: Jadon Naas

    July 10, 2018 — Matt Mullenweg himself challenged the WordPress community to learn JavaScript deeply. WordPress is maturing into a full-featured platform for developing single-page and event-driven web applications using JavaScript and the WordPress REST API. WordPress is fully capable of supporting developers looking to add AJAX behaviors to their existing plugins, themes, and websites. We’ll examine some methodologies to deploy the REST API in event-driven applications. We’ll discuss how developers can add AJAX behaviors to their plugins, themes, or websites. For developers interested in building entire custom applications with the data management and user controls WordPress provides, we’ll talk how this can be done.
    During this talk, we’ll also touch on how libraries like React.JS (Facebook) are rapidly maturing and can be utilized with WordPress for front-end application development.