Let’s setup the local version of Composer. You will create and fill out the composer.json file as I explain it to you.
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.
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.
Wrap it Up
Congratulations! You now have all of the components installed for your local development environment. Tune Your Local Development Environment Want to continue tuning your local development environment? Follow this path to get the most out of your workflow.
PhpStorm – Installation
Recorded: February 27, 2018 PhpStorm is a professional integrated development environment (IDE) which is specifically made for PHP-powered projects. Right out of the box, you get the WordPress Coding Standard and WordPress Core documentation built right into the environment. There are no plugins you need to install and you get full control of the key mappings. PhpStorm is packed with productive and automated workflow features that will save you a ton of time, frustrations, and money. For example: With one keystroke, bam, you can reformat an entire file to the WordPress Coding Standard or whatever standard you define in your […]
Atom – Text Editor
Recorded: March 27, 2018 You always need a text editor. For me I use it for things like commit messages, formatting HTML output that I’ve grabbed from the browser, viewing text files, and more. I use my text editor for that specific task: editing text. It complements my preferred professional integrated development environment (IDE), i.e. PhpStorm. In this episode, let’s install Atom and get it setup. We’ll also configure it as the editor for git.
Gulp – Task Runner
Recorded: March 27, 2018 We want to automate redundant tasks to save ourselves time and money. Tools like gulp let us automate various tasks such as compiling Sass or LESS in CSS, optimizing images, svgs, fonts, etc., error checking our CSS and JavaScript code against known standards, and minifying the final files. These tasks are perfect candidates for a JavaScript-powered task runner. Gulp is my favorite, though Grunt is still popular too. In this episode, you and I will install gulp.
Node.js and npm – JavaScript Package Manager
Recorded: March 27, 2018 Node.js and npm are the package managers for front-end assets as well as tasks. Using npm, we can automate tasks for optimizing, processing, and compiling front-end resources like sprites, images, fonts, svgs, JavaScript files, converting Sass or LESS into CSS, and more. In this episode, you and I will install both. To install, navigate to https://nodejs.org/en/ and click the download button. After it downloads, click the file to run it. The installer GUI opens up. The installer will install both Node.js and npm. Simply follow the prompts. When it’s done, open git bash. Then type node -v […]
