We recently worked on an audio player in a web application. The player uses a streaming server to play tracks. For example, a track can be a radio song, a podcast episode, or an endless radio stream. An audio track and podcast episodes are finite. Finite tracks should use a …

JavaScript programs started small by being used here and there. Over time, the usage of JavaScript increased and we’re writing full applications that run in the browser. These large applications can be hard to maintain. It makes sense to think about ways of splitting them up into modules. Modern …

Sorting data is an essential task in applications. For example, a list of data in the frontend contains ways to sort the data based on a given column. Also, you might want to sort the data in ascending or descending order. This tutorial shows you how to sort a JavaScript …

Sorting arrays of data is an everyday use case in applications. For example, you want to display a list of names in alphabetical order and allow the user to toggle the sorting from ascending to descending and vice-versa. This tutorial shows you how to sort an array of strings in …

Modern JavaScript ships with the dedicated URLSearchParams class to interact with URL query parameters. This class parses query parameters from a given string and provides methods to interact with the parameters. For example, you may append, delete, get, sort, or iterate through all items using the forEach, keys, or values …

We started using Vite to bundle our frontend JavaScript. Vite is a modern, fast tool to build and serve frontend assets. It’s a solid choice when working with a framework like Vue.js or React. Yet, we fought the „Unexpected token export” error. It told us that the export …

JavaScript uses two representations of „empty“ values. When „empty“ we mean that they don’t have an exact value assigned. These two values are null and undefined. Both values, null and undefined, are valuable in JavaScript. Except when you are not checking for them. In such cases, you’re running …

Sometimes it’s helpful to translate dates into labels in your web application. For example, the human brain perceives the label „yesterday“ easier than translating the string of yesterday’s date to „yesterday“. This tutorial shows you how to calculate yesterday’s date in JavaScript. {{outline}} How Do You Get …