Create a free account to get access to additional free training videos. Enjoy this free video from CraftQuest! Create a free account to get access to additional free training videos. Join the Community

Installing the Buggy Plugin

We install the Buggy plugin. We'll use this plugin to work through the course material and learn how to use Xdebug.

Use Bug­gy to learn good debug­ging skills or play a trick on a friend. Every­one loves some good ol’ fash­ion fun!

Bug­gy is half fun and half learn­ing. You can use it just to make tiny bugs crawl across the Craft con­trol pan­el or learn fol­low along with the CraftQuest course on debug­ging with Xde­bug.

Bug­gy has two modes:

  1. Auto­mat­ic Bug Spawn­ing: Learn how to debug using Xde­bug by solv­ing bugs in the plu­g­in code. The num­ber of bugs crawl­ing on the screen is relat­ed to the num­ber of bugs in the code. Fix the soft­ware bugs while fol­low­ing along with this course and few­er bugs appear in the con­trol panel!
  2. Man­u­al Bug Spawn­ing: Gen­er­ate and exter­mi­nate swarms of bugs using a sim­ple inter­face. The bugs you gen­er­ate will appear in the Con­trol Pan­el. More swarms means more bugs! 

Here are all of the videos in Debugging with Xdebug:

1What We'll Learn About DebuggingIn this course we'll learn that we can ditch var_dump() and dd() and move to a more powerful, faster, and easier way to debug problems in our code. 03:10
2What is Xdebug?Xdebug is, at its core, step debugger that has tight integration with IDEs to make it really simple to set breakpoints in PHP code to gain insight into what your code is doing during runtime. 02:08
3How Xdebug WorksBefore we set up Xdebug, I want to talk through how it works so the setup makes more sense and it doesn't seem like a series of strange steps. 06:41
4Installing the Buggy PluginWe install the Buggy plugin. We'll use this plugin to work through the course material and learn how to use Xdebug. 04:27
5Setting Up Xdebug with DDEV and PhpStormFor this video, we are going to learn how to set up Xdebug with PhpStorm running a local server on DDEV. Xdebug runs on the server, as a PHP extension, so the first thing we need to do is enable Xdebug in our Docker container that is managed by DDEV. 06:14
6Setting Up Xdebug with DDEV and VS CodeFor this video, we are going to learn how to set up Xdebug with VS Code running a local server on DDEV. 06:31
7Setting Up Xdebug with Nitro and PhpStormFor this video we are going to learn how to set up Xdebug with PhpStorm running a local server on Craft Nitro. 06:19
8Setting Up Xdebug with Nitro and VS CodeFor this video, we are going to learn how to set up Xdebug with VSCode running a local server on Nitro. 04:38
9Setting Up Xdebug with MAMP Pro and PhpStormHow to set up Xdebug with PhpStorm running a local server using MAMP Pro. 05:12
10Setting Up Xdebug with MAMP Pro and VS CodeA short tutorial on how to set up Xdebug with VSCode running a local server using MAMP Pro. 05:04
11What Can We Do With a Step Debugger?Before we start debugging the code in the Buggy plugin you installed in a previous video, let's review the concepts and terminology of working with a step debugger like Xdebug. 08:53
12Debugging with Xdebug in PhpStorm, Bug 1We learn how to use step debugging in PhpStorm to fix the first bug in the Buggy plugin. 10:53
13Debugging with Xdebug in PhpStorm, Bug 2Our bug hunting continues, as we discover yet another bug we need to fix using Xdebug in PhpStorm. 12:08
14Debugging with Xdebug and PhpStorm, Bug 3We use Xdebug in PhpStorm to find and fix the last bug in the Buggy plugin. Or is it?? 08:11
15Debugging with XDebug in VS Code, Bug 1We learn how to use step debugging in VS Code to fix the first bug in the Buggy plugin. 11:22
16Debugging with Xdebug in VS Code, Bug 2We discover yet another bug we need to fix using Xdebug in VS Code. 10:49
17Debugging with Xdebug in VS Code, Bug 3We use Xdebug in VS Code to find and fix the last bug in the Buggy plugin. Or is it?? 10:16
18Debugging Twig Templates with PhpStorm and XdebugPhpStorm supports debugging Twig templates with Xdebug. Set breakpoints and inspect the application runtime. 06:49
Course In-ProgressThis course is still being updated with new content. Check back for more!

Loading next video...