Vue.js uses the v-model directive on components to create a two-way binding. At first, Vue assigns the value of the model attribute to the component or native HTML element. And second, Vue updates the model value anytime it’s changed, for example, due to a changed text in an …

Vue’s template rendering abstracts most of the DOM operations. And yet you might run into a situation where you need to access a given DOM element. Vue uses “refs” to access DOM elements with the ref attribute on that element. This tutorial shows you how to reference elements in …

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 …

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 …