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:

1 What We'll Learn About Debugging In 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
2 What 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
3 How Xdebug Works Before 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
4 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. 04:27
5 Setting Up Xdebug with DDEV and PhpStorm For 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
6 Setting Up Xdebug with DDEV and VS Code For this video, we are going to learn how to set up Xdebug with VS Code running a local server on DDEV. 06:31
7 Setting Up Xdebug with Nitro and PhpStorm For this video we are going to learn how to set up Xdebug with PhpStorm running a local server on Craft Nitro. 06:19
8 Setting Up Xdebug with Nitro and VS Code For this video, we are going to learn how to set up Xdebug with VSCode running a local server on Nitro. 04:38
9 Setting Up Xdebug with MAMP Pro and PhpStorm How to set up Xdebug with PhpStorm running a local server using MAMP Pro. 05:12
10 Setting Up Xdebug with MAMP Pro and VS Code A short tutorial on how to set up Xdebug with VSCode running a local server using MAMP Pro. 05:04
11 What 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
12 Debugging with Xdebug in PhpStorm, Bug 1 We learn how to use step debugging in PhpStorm to fix the first bug in the Buggy plugin. 10:53
13 Debugging with Xdebug in PhpStorm, Bug 2 Our bug hunting continues, as we discover yet another bug we need to fix using Xdebug in PhpStorm. 12:08
14 Debugging with Xdebug and PhpStorm, Bug 3 We use Xdebug in PhpStorm to find and fix the last bug in the Buggy plugin. Or is it?? 08:11
15 Debugging with XDebug in VS Code, Bug 1 We learn how to use step debugging in VS Code to fix the first bug in the Buggy plugin. 11:22
16 Debugging with Xdebug in VS Code, Bug 2 We discover yet another bug we need to fix using Xdebug in VS Code. 10:49
17 Debugging with Xdebug in VS Code, Bug 3 We use Xdebug in VS Code to find and fix the last bug in the Buggy plugin. Or is it?? 10:16
18 Debugging Twig Templates with PhpStorm and Xdebug PhpStorm supports debugging Twig templates with Xdebug. Set breakpoints and inspect the application runtime. 06:49
Course In-Progress This course is still being updated with new content. Check back for more!

Dozens of Courses Are Waiting

Invest in yourself, your career, and your ability to take knowledge and use it grow your business or earning potential.

Get everything in the catalog plus new videos every week. Just by signing up you get immediate access to hundreds of hours of learning.

Start CraftQuest

Image

Loading next video...