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 …

When working with Node.js’ crypto module you sometimes need to provide Buffer instances as an argument. For example, the timingSafeEqual function accepts two buffer arguments for comparison. Sometimes your raw values are strings and you need to convert them before using them in your application code. This tutorial shows …

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 …

Sometimes you want to retrieve the URL query parameters when using JavaScript on the client side. JavaScript in the browser provides a global window.location object providing you with all the URL parts. The query parameters are available in window.location.search. This tutorial shows you how to access and …

You can retrieve the current URL using JavaScript in the browser. The global window object provides a window.location attribute which contains all the parts of the current URL. This tutorial shows you how to get the current browser URL in client-side JavaScript. {{outline}} Retrieve the Current Browser URL You …