Using Promise.all with Async/Await to map through an array of Promises to run code in the order you intended.
Front End & Design
An overview and walkthrough of fundamental React concepts, such as components, state, and props, as well as submitting forms, pulling data from an API, and deploying a React app to production.
Rewrite jQuery AJAX calls as ES6 Promises in order to run code synchronously.
A quick guide on how to create a global snippet in Visual Studio Code
Learn how to take some redundant and repetitive code and apply the DRY (Don’t Repeat Yourself) principle to refactor the code to be more efficient.
A step-by-step walkthrough from empty element to solid, professional design. This tutorial is intended to help developers who know how to code feel confident in their designs as well.
How to prevent scrolling on the mouse from zooming in an embedded Google map, with examples.
In this example, we’ll use CSS to infinitely fade between two images.
Create a CSS-only scrolling effect.
Create accordions, tabs, dropdowns, popups, and scroll changes with a few lines of jQuery code.
An overview of all aspects of my web development workflow, from operating system to coding stack, frameworks, task runners, version control, and web host.
Learn how to make your own cross-browser consistent buttons and forms from scratch with CSS or Sass.
A quick and easy guide on how to set up a basic Flexbox grid for an image gallery.
Learn how to embed highlighted code snippets into your website or blog, as well as create your own theme.
Parallax scrolling, an effect that allows sections of a website to scroll at different speeds, is an effect that has gone through various stages of popularity over the last few…
A tutorial on how to install Jekyll (the static site generator) and create a simple theme for blog posts and regular pages. Written on a macOS environment.
A tutorial on how to create a responsive navigation that takes up the entire screen when toggled.
A tutorial on how to embed a Google Map into your website, and add multiple location markers with additional information.
The missing instruction manual on how to use Bootstrap, the CSS framework. Learn how the grid system works, and how to add your own styles.
A walk-through tutorial on how to make a hidden, sliding, responsive off-canvas navigation, as seen on the Lanyon Poole theme for Jekyll.
A tutorial on the basics of responsive design, including grids and navigation to increase your knowledge of the fundamentals.
A tutorial on how to use the CSS Flex property to create a simple grid.
A tutorial on how to make a responsive navigation bar using Sass. The navigation will contain a dropdown field, and collapse into a hamburger menu on mobile.
The bare minimum skeleton frame to start a website with HTML.
Back End Development
Node.js, PHP, MySQL, and anything server-side.
Create a simple router in PHP by directing all traffic to one file.
Rewrite URLs with Apache and PHP for logical path structure.
A list of the most widely used commands and statements in Structured Query Language (SQL), and the equivalent PDO commands to utilize them.
Learn how to modify and delete users in a PHP/MySQL app using prepared statements.
Learn the function to write a custom error log in PHP.
How to add basic authentication with username and password to a Node app running on an Express server, similar to htpasswd in Apache.
Recently, I was working with some JSON decoded into a PHP array, and I needed to remove an item from the associative array. With only the value, I wasn’t sure…
Learn how to set up a small database application in PHP without a framework. You will install a database, add new users, and filter through those users.
A tutorial on the basics of jQuery and creating interactive elements for those with no previous programming experience.
Use jQuery to smoothly scroll the screen when an anchor link is clicked.
Task runners, preprocessors, and developer setup.
Search Engine Optimization (SEO) is the process of using various strategies to appear high in a list of online search results. In this article, I go over over my methods and some important notes to keep in mind as a web developer.
A walkthrough of techniques and sensible defaults for an Apple development environment.
A complete guide on how to set up a Node environment and install Gulp. In this tutorial, you will create a Sass project and compile, autoprefix, and minify the CSS output.
A tutorial on how to install Sass and use the command line to compile and minify your CSS.
A quick overview on what an RSS feed is, and how to get updates on blogs you follow through Chrome.
Learn how to use Git to create a local project and upload files to a remote server with the command line.
Linux, virtual servers, command line, and AWS.
Set up a bash script and execute it from anywhere in the command line. Learn about basic bash syntax such as variables, loops, conditionals, and reading input.
How to use the MAMP PHP executable to set up a cron job.
Install the latest versions of Apache, PHP, and MySQL on an Ubuntu virtual machine, and access the server and database through your local computer.
Learn how to use Vagrant and VirtualBox to set up a complete virtual machine on your local computer that can be used for development.
Recently, I needed to find the corresponding public key from a private key (.pem) to give a Linux user access to a server. I used the below code to generate…
Create a permanent redirect for all files on a website to use the HTTPS protocol.
Knowledge of the command line is essential for any web developer. Read this beginner’s guide to feel comfortable in the text-based terminal.
A cron job on your web server is a scheduled event to perform an action or run a script, such as sending an email.
How to get an SSL certificate and enable secure HTTPS connections to your website.
A guide to setting up an AWS account and installing the LAMP stack (Linux, Apache, MySQL, PHP) on an Amazon cloud server (EC2).
This tutorial will show you how to work on multiple servers locally using virtual hosts.
If you want to use PHP, you’ll need to have a server. In this tutorial, you’ll learn how to configure MAMP to set up a local server and virtual hosts.
Custom theming guides on the most popular content management system.
A tutorial walkthrough on how to turn any plain HTML website into a customizable website or blog.
If you have WordPress set up locally, you’ll need to know how to transfer the files over to a live web server. This tutorial will guide you through step by step.
An intermediate guide to developing your own WordPress theme. Learn how to add comments, blog post pages, custom posts, and WordPress functions.
Learn how to create custom fields in WordPress – such as for images, text, and checkboxes – without a plugin.