Promises are a construct in programming languages for asynchronous operations. A promise acts as a proxy for a result that is initially unknown because the computation is not yet complete. The JavaScript ecosystem had promise implementations before it became part of the language itself. For example, when and Bluebird are …

In JavaScript, an array is a dictionary of indexes to values. Typically, you’ll only see the array items in the format like [1, 2, 3]. The sequential order of the sample array has a fixed length of 3. In some situations, you want to dynamically create an array of …

Vue.js comes with a solid templating engine. It allows you to use JavaScript expressions in conditionals and loops. That way you can typically calculate everything you need to run complex application code. This tutorial goes in tandem with our previous tutorial on how to reverse array items in v-for …

Vue.js provides a solid and feature-rich templating engine. You can use conditionals and loops with JavaScript expressions. You can work with arrays in Vue.js as you would in any other JavaScript code. And JavaScript provides an Array#reverse method that you can use to turn over the item …

Modern JavaScript comes with a built-in Set class. A set instance stores unique values of any type. You can use sets with primitive values and more complex data structures, like objects. A downside of sets in JavaScript is that they don’t provide the same methods as arrays. Sets don’ …

In web applications, you can transfer data using the URL. For example, here on Future Studio, we have a listed overview of all published tutorials. This overview is paginated using limit-offset pagination. Users read through this tutorial list by paginating through the pages using a page query parameter. This page …

When interacting with data from different sources, like your local data and third-party services, the data has different styles and formats. Let’s say you’re using a camelCase format and other sources use everything in UPPERCASE. Independently of the situation, you may want to transform all keys of an …

Here at Future Studio, we have a table of contents with linked headlines next to a tutorial. We call this table of contents „Moonshoot“: it allows you to jump through the tutorial and visit individual sections. Our moonshoot is sticky positioned and stays visible next to the tutorial when you …