Build your own at https://visualgo.net/en/bst

What is a Binary Search Tree (BST)?

A BST is a node-based, ordered, tree data structure in which each node can have a maximum of two children. These are children are known as the left node and the right node. The left node will always be less than its parent node, and the right node will always be greater than its parent node. The top node is known as the root node. …


Test-Driven Development and Unit Testing

Testing is one of the most important aspects of software production. Tests inform developers on the clear behavior of what certain parts of the application should accomplish.

Many companies use a programming methodology known as Test-Driven Development (TDD) to guide production. TDD dictates that automated unit tests should be created first in order to guide software production before any code is written.

But what are unit tests?

A unit test is a way of testing the smallest piece of code (aka unit or component) that can be isolated from the software. …


In the Beginning

How old are you? The answer will be a good indication if you remember a time when the internet was static, undynamic, and stale. You see, when I was a kid in the 90s, the internet was able to just show information rather than allow much interaction with it. Every time you clicked to request more information or submit data, the entire page would reload. Websites looked like this:


https://thoughtbot.com/blog/concise-media-queries-with-css-grid

CSS Grid brings a native, two-dimensional grid system to CSS for the first time. It gives us the grid layout flexibility of rows and columns without having to use floats, positioning, or a framework (i.e. Bootstrap). Grid was launched only a handful of years ago and is already enjoying full support in all modern browsers as its usage continues to grow.


The title says it all, let’s jump right in.

1. What is CSS selector specificity and how does it work?

According to MDN, specificity is the means by which browsers decide which CSS property values are the most relevant to an element and, therefore, will be applied. Specificity is a weight that is applied to a given CSS declaration, determined by the number of each selector type in the matching selector. Specificity only applies when the same element is targeted by multiple declarations. As per CSS rules, directly targeted elements will always take precedence over rules which an element inherits from its ancestor.

The specificity value of selectors from highest to lowest is as follows:

  1. Inline styles (<h3 style=”color: red;”>)


As JavaScript takes over the world, TypeScript seems to be coming along for the ride. For at least half of the entry-level frontend jobs that I apply for, experience with TypeScript is listed as a requirement or “nice to have”. While no one is expecting you to be an expert in it, knowing the basics so that you can talk about it in an interview will get you ahead of most other candidates. So let’s learn some basics to get you started with a simple React app!

TypeScript is a strongly-typed static superset of JavaScript. This means the types of…


One of the most important things you can demonstrate in an interview is a sound understanding of the technologies that the company is using. Even if you feel that your coding skills aren’t totally up to par, showing that you can comprehend all of the major concepts is worth something. I’m going to go over my personal study guide of React interview questions.

What is React’s Virtual DOM?

This is probably the single most important concept to understand about React. What makes React so fast is its use of something called the Virtual DOM. One way to think of the virtual DOM is like a…


One of the reasons I find there are so many blogs about Big O notation is because no mainstream bootcamps (including the one I attended) are teaching about it. Thus, it is the perfect topic to blog about because writing helps to reinforce your own knowledge. I believe it’s overlooked because people think that it won’t be useful at small companies, it won’t be asked about in a junior developer job interview, or maybe (most likely) there’s just not enough time to cram it into a 15-week bootcamp schedule. …


Making small projects to practice coding is a great way to learn. In fact, it doesn’t even feel like work when I’m utilizing the wonderful RAWG Video Games API to make something that interests me while also sharpening my skills and learning new things. My goal in making this app was to practice with React Router and hooks. I was also able to practice passing props via Links which was something I hadn’t planned on learning.

Before I go any further, here’s the link to the repo on my GitHub. Now let’s get started!

Getting Started

I‘m going to assume that you…


https://thekey.company/products/gmk-dmg?variant=12412178202724

If you were born in the 80s and are anything like me, you probably still have a slight obsession with games from the 8-bit era. As I look back, I actually find myself appreciating the music from old Nintendo games more than the actual game in many cases (there were some bad ones, ok?). Often a melody will get stuck in my head — not knowing for days where it came from until I realize it was from a certain game that I sank countless hours into as a kid.

So when I recently came across a tutorial by Web…

Kyle Farmer

Former live music audio engineer. Recent bootcamp grad, current job seeker.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store