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 …

Sometimes you’re running into use-cases where you need to detect whether a given number has decimal places. This tutorial shows you how to do that! {{outline}} Detect If a Number Has Decimal Places Generally, you may want to apply formatting on numbers. And you may want to round numbers …

All tutorials here at Future Studio carry a list of tags. We’re assigning tags to tutorials for some kind of grouping. Tutorials may belong to different topics and tags are a good use-case for that. On the server-side we’re using an array of strings for the tags. When …

When working with strings you may want to transform the first character of a given value. This could happen when you scaffold files for a project and want to ensure a given function name starts with a lowercase character. Or you’re doing something else and still want to know …