When trying to run python from terminal, it is possible to run into the following issue: zsh: command not found: python This can happen on any system, but does occur slightly more commonly...

We've all been in a situation in Javascript where we have a set of data, all with different dates, which we want to sort by date quickly. Let's look at how this works. Note on Javascript Dat...

Binary numbers are numbers which are expressed in base 2 notation, rather than the base 10 we are used to. Consider how we normally count in base 10 - when we reach 10, we have to add an ext...

Conditional types in TypeScript give us the ability to define certain types based on logic, just like we do in other aspects of our code. They are a useful tool in defining types in TypeScri...

Pretty much every application we develop using HTML uses input somewhere, but there's a bunch of input types you might not know about. So let's take a look at everything you might not know a...

In this quick guide we'll look at how you can solve the very common error, "Uncaught SyntaxError: Cannot use import statement outside a module". This error arises when we try to us...

nvm stands for Node Version Management. If you don't have it installed already, in this quick guide we'll show you how to. nvm is used to manage the versions of Node.js installed on your com...

In CSS, it's often necessary to sign post that we want to select an element, but not in specific circumstances - like if it has a certain class. In these instances, we can use the :not() sel...

It's a common requirement in programming to have to set something up to run at certain intervals. For example, you might want to process a database every 30 minutes, or you might want to sen...

The .webp format is a broadly supported compressed image format that is becoming more and more common across the web. Storing your images as .webp can reduce the size of your web pages, whil...

Normally, when we create components in Vue they naturally appear within the DOM structure where we'd expect them to be. However, sometimes this doesn't make sense. A good example of this is...

Vue uses provide and inject as a method to send data down multiple levels without having to use properties - but did you know you can set default values for any injected data, should it not...

It's easy in Vue to provide/give props or properties to a child element. Properties in Vue are one of the main ways we can pass data from a parent element or vue template to a child element....

Optional chaining is a feature in Javascript which lets us access child properties of an object, even if the parent object doesn't exist. It's used when properties are optional on an object,...

The logical AND (&&) operator in Javascript is frequently used in Javascript logic, but it can also be used to return a value. In another article, I have covered how the logical OR (...

The CSS box model is a term thrown around in CSS with very little context, but is probably the most fundamental things you can know in CSS. Simply put, the box model determines, the size, ma...

Removing a directory in Linux is harder than you think, and it's not uncommon to get errors that looks like this: folder: Directory not empty folder: is a directory The confusion comes beca...

In Javascript, things can be true, or false, but they can also be truthy or falsy. The concept of truthy and falsy are usually considered only in a boolean context, such as in an if..else st...

The logical OR (or ||) operator in Javascript is an operator which returns the left hand side if the left hand side is truthy, but otherwise defaults and returns the right hand side. This me...

Arrays work the same in TypeScript as they do in Javascript, the only difference being that we have to define their type upfront. Arrays, by their nature, are an ordered list of data. Defini...

In Javascript, the nullish coalescing operator, or ?? operator is used to return the right hand side whenever the left hand side is null or undefined. To understand a little bit better, let'...

Sometimes, in TypeScript, something will have an unknown type where TypeScript can't discern the specific type something should be. At it's most basic, this can occur when a variable is simp...

In Javascript, if a function has 4 parameters, and we only use 3, it's no big deal - Javascript just ignores the missing parameter and runs the function as if it is undefined. In TypeScript,...

You might think that making a div element the same height as your browser would be as easy as this: div { height: 100%; } However, it is unfortunately not. If you're wondering why heigh...

One of the most frequent tasks we have to perform in Javascript is to remove a particular item from an array. However, it's not straight forward. There is no removeArrayItem method in Javasc...

Vertically centering something in CSS is not as easy as you'd think, and until we got tools like flexbox, it was really hard. Fortunately, vertically centering something within a container i...

In HTML we use block elements to take up the full with of a page. These differ in properties from inline elements, which are typically found within text flow. Learn about the Box Model Both...

In Javascript, we already have a vanilla typeof operator which can be used to find the type of anything: let x = "hello world"; console.log(typeof x); // Returns "string"...

Enums, short for Enumerations, are preset constants which can be defined by a developer for use elsewhere in the code. For Javascript developers, the concept of enums is usually new, but the...