Your local web development environment is critical to your ability to efficiently produce high quality and well-tested software projects. This environment should be incredibly easy to use. It should support the way you work, making you better and faster while demanding very little of your time. In this hands-on lab, you will setup your local web development environment. It will include version control with Git, helper apps, package managers (Composer, Node, and npm), task runner with Gulp, local webserver, and a professional editor.
Labs
Labs are hands-on coding projects that you build along with Tonya as she explains the code, concepts, and thought processes behind it. You can use the labs to further your code knowledge or to use right in your projects. Each lab ties into the Docx to ensure you have the information you need.
Each lab is designed to further your understanding and mastery of code. You learn more about how to think about its construction, quality, maintainability, programmatic and logical thought, and problem-solving. While you may be building a specific thing, Tonya presents the why of it to make it adaptable far beyond that specific implementation, thereby giving you the means to make it your own, in any context.
Setup Local’s Web Server
Notes | Transcript | Playlist Notes Are you running Local by Flywheel, like me? If no, you can skip this episode. But if yes, then in this episode, you and I will install the packages we need as well as get WordPress setup. It’s really easy as Kees Meijer already has the bash script and instructions ready for you. Click here to get the script. Transcript
PHPUnit & a Virtual Container
Let’s Build a PHP (Non-WordPress) Sandbox
In this lab, you will build a non-WordPress Sandbox site, which you will use for testing PHP, jQuery, and JavaScript. It is a handy sandbox when you are not interested in running WordPress. I use it throughout the Docx and in several labs.
Introduction to Whoops
Let me introduce you to Whoops. You are going to love this error display. Not only is it nice to look at versus the out-of-box PHP orange error table, but it also gives you a lot of useful information. You can click on the code and view it right in the display. You get great details too. It will help you debug your code. You will build the code to set Whoops up and get it running. You’ll also be launching Composer by loading it’s autoloader file using the PHP instructions: __DIR__ (which is a double underscore before and after […]
Setup Composer in Your Plugin
Let’s setup the local version of Composer. You will create and fill out the composer.json file as I explain it to you.
Folder Structure
Let’s start creating the directory structure for your new sandbox.
Spin Up the Web Server
Next, you need to spin up your web server and create the project. I put my projects in my Sites folder. I use DesktopServer for my local web server. I’ll walk you through just how easy it is to spin up even a non-WordPress site with DesktopServer.
Lab Introduction
Let me introduce the lab to you and what you will be building. I’ll show you why this sandbox includes Composer, Kint, and Whoops.
Introduction to Kint
In this video, you will play around with Kint and discover how it will help you to debug your code.