‘JavaScript’ Videos

  • 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.

  • Adam Silverstein: JavaScript APIs in WordPress

    Adam Silverstein: JavaScript APIs in WordPress

    WordCamp Europe 2018Speaker: Adam Silverstein

    July 9, 2018 — We will explore the existing major JavaScript API’s including wp.api – the bundled REST API client, wp.customize the improved JavaScript Customizer API, wp.codeEditor – the new code editor built into WordPress; wp.heartbeat – a powerful and easy client/server synchronization API; and wp.media – to leverage the media modal. We’ll also explore the future of WordPress JavaScript and look at the JavaScript APIs coming to WordPress including the APIs exposed by Gutenberg, and the WordPress npm packages including wp.hooks – JavaScript actions and filters matching the PHP versions.

  • Maxime Bernard-Jacquet: Simplifiez-vous le développement de vos thèmes avec Gulp

    Maxime Bernard-Jacquet: Simplifiez-vous le développement de vos thèmes avec Gulp

    WordCamp Paris 2018Speaker: Maxime Bernard-Jacquet

    April 26, 2018 — Avez-vous déjà entendu parlé des outils tels que Gulp, Grunt, Webpack… ? Ils vous permettent d’accomplir des tâches en direct lors du développement de votre site, comme recharger le navigateur à chaque modification, synchroniser le site sur votre mobile, tablette et ordinateur afin de tester le responsive, compiler vos fichiers CSS et JS et les optimiser.

    Un outil comme Gulp est facile à installer sur votre projet WordPress, même pour les allergiques de la ligne de commande, et vous apportera de nombreux avantages lors de votre développement :

    Compilation de vos styles (Sass, Less, Stylus)
    Compression de vos CSS et JS
    Live Reload
    Browser Sync
    AutoPrefixer

    Presentation Slides »

  • Gaya Kessler: Moderne JavaScript en WordPress

    Gaya Kessler: Moderne JavaScript en WordPress

    WordCamp Rotterdam 2018Speaker: Gaya Kessler

    April 18, 2018 — Het gebruik van moderne JavaScript brengt veel voordelen met zich mee, maar hoe doen we dit in combinatie met WordPress?

    Deze talk gaat in op het gebruik en toepassen van moderne JavaScript en hoe je dit in je dagelijks werk mogelijk kan maken. Ook worden er een aantal use-cases voor WordPress uitgelegd.

    De focus ligt meer op het waarom en de werking in plaats van de uitwerking voor specifieke situatie zodat de bezoeker wordt getriggerd zelf na te denken over hoe moderne JavaScript hen kan helpen.

    Presentation Slides »

  • Adam Silverstein: JavaScript in WordPress Core: Past, Present and Future

    Adam Silverstein: JavaScript in WordPress Core: Past, Present and Future

    WordCamp NYC 2017Speaker: Adam Silverstein

    February 9, 2018 — Take a tour down memory lane as we explore the JavaScript files and features added to each version of WordPress: from quicktags.js in version 1.0 to wp-api.js in 4.7. We’ll look at the JavaScript based features in today’s WordPress including media, the customizer, themes, plugins, revisions and the REST API client. We will learn when and why Backbone was introduced as a JavaScript framework for Core and why and how it is used extensively in core. Finally, we will learn about the exciting things happening now in the wider JavaScript community and in WordPress core that will shape the WordPress of tomorrow.

  • Gary Pendergast: I Am JavaScript (And So Can You!)

    Gary Pendergast: I Am JavaScript (And So Can You!)

    WordCamp US 2017Speaker: Gary Pendergast

    December 10, 2017 — I’ve been a PHP developer for most of my professional life, but earlier this year I switched to JavaScript full time. I’m here to tell you that it’s not a scary move, and can be a whole lot of fun!

    From my first impressions of React, ES6, and large scale JavaScript projects, through to implementing large scale features, I’ll walk you through how I became a JavaScript developer in just a few months. I’ll show you how you can do it, too, and what this means for the future of WordPress development.

  • Weston Ruter: Building with JavaScript in the Customizer

    Weston Ruter: Building with JavaScript in the Customizer

    WordCamp US 2017Speaker: Weston Ruter

    December 10, 2017 — This year’s heavy focus in core has been on WordPress’s next generation Gutenberg editor. With the call to learn JavaScript deeply, it’s no surprise that Gutenberg is written in a JavaScript-first architecture. Once Gutenberg and its building blocks are in core, focus will broaden to then include Customizer. The Customizer was the first JavaScript single-page application in WordPress (added in 3.4). With the focus transition from Editor to Customizer, while keeping a JavaScript-first mindset, it is important for contributors and plugin authors that the Customizer’s JavaScript API be demystified to facilitate the integration of the new block editing interfaces. In my talk I’ll delve into the inner workings of the Customizer JS API, show how to use React to build custom controls in the Customizer, and demonstrate how to use the Customizer to preview changes to sites that use React-based themes—including previewing changes on headless REST API-driven sites.