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.
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.
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.
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 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 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.
Throughout your training, you will learn to design your code into reusable modules. These modules can then be packaged as dependencies, making them portable and modular. You then add the dependencies to your project, thereby adding them to your application. How do you add these packages? How can you add external packages, such as Zurb’s Foundation or Carbon to your project? You use a package manager. What are the Benefits? When your project depends upon a package/module/library, i.e. some external piece of software, a package manager loads the packages as well as each dependency into your local project. For example, let’s say you need […]
My preferred localhost is Local by Flywheel. It’s the one I use exclusively for all of my WordPress work. In this episode, we’ll talk about why I prefer it. Then we’ll install and set it up. I’ll show you how you can quickly enable SSL and switch environments (like change the PHP version) in seconds.
Re-recorded and updated: February 24, 2018 The purpose of workflow applications is to improve your efficiency. There are many tools available to assist you. Here are a few that we use and recommend. Alfred – Fast Application Search and Launch Alfred adds an application search bar to your screen, thereby allowing you to find and load applications using hotkeys and keywords. Instead of reaching for the mouse or touchpad, navigating to launchpad, and then searching for the application you need, Alfred keeps your hands on the keyboard. Simply activate the search bar with an easy keystroke—which you can configure—and then start typing […]
Re-recorded: February 25, 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.
In this episode, you will install and setup Git on your Mac including setting up the global configuration and creating a global .gitignore_global file.
Know the Code develops and empowers professional WordPress developers, like you. We help you to grow, innovate, and prosper.