Re-recorded: March 24, 2018 In order to securely communicate with a remote server, we use SSH. In this episode, you will generate a SSH key pair on your computer and then on GitHub. We are going to walk through each of the steps indicated in this GitHub document.
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.
Install and Configure Git
Re-recorded and updated: March 24, 2018 In this episode, you will install and setup Git on your Mac including setting up the global configuration and creating a global .gitignore file. Go to the git website, and download the .exe file. Then click on the file to open the installer GUI. Accept all of the defaults and install. Let’s next check that git is installed. Open either Git Bash or the built-in Windows Command Prompt. Then type git –version. If it returns the version, then it is properly installed. Next, we setup the global git configuration. You can use this gist […]
The Keys to Your Local Development Environment
In this episode, I will introduce you to what you will do in this lab. In addition, we’ll talk about what a properly setup local development environment should do for you.
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
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. In this episode, let’s walk through the installation process.
Atom – Text Editor
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
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.
LocalHost – VVV (optional)
VVV is very popular in the WordPress development community. I prefer and exclusively use Local by Flywheel for all of my development work. However, if you need or prefer VVV, then this episode is for you. We’ll walk through it together.
Node.js and npm – JavaScript Package Manager
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.
Composer – PHP Dependency Manager
Composer is our dependency manager for PHP. It gives a standardized and globally accepted tool to import different packages into our projects as well as run different tasks. In this episode, you and I will walk through installing Composer. Plus, I’ll show you an example way to configure it in a composer.json file.