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.
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.
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 […]
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.
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.
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 […]
Recorded: March 27, 2018 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 order to globally install it on a Windows machine, you need to install PHP and Visual C++ Redistributable. Don’t worry. I’ll walk you through the entire process. Helpful Commands A few helpful commands for you: composer -h – view the help information composer -V – view the version that is installed on your machine composer [script name] – to run a script that is defined in your […]
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 […]
Recorded: March 27, 2018 VVV is very popular in the WordPress development community. I prefer 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. Here is the installation guide for VVV.
Recorded: March 24, 2018 My preferred localhost is Local by Flywheel. It’s the one I use 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. Why? Why not WAMP or VVV? Here are the main reasons why I use Local: Sites are isolated into separate Docker containers. That means I can switch environments on one site without affecting any of my other projects. In a couple of […]
Recorded: March 26, 2018 We want to run a localhost web server on our Windows machine in order to simulate a real world web server. That means we want to run it in a virtual environment and container, separate from our computer. In this episode, you will install VirtualBox, Vagrant, and 3 Vagrant plugins. Click here to get the link to all of these dependencies.
Know the Code develops and empowers professional WordPress developers, like you. We help you to grow, innovate, and prosper.