Converting an Array to JSON Object in JavaScript

javascript on laptop

JSON, or “JavaScript Object Notation”, is one of the most popular data exchange formats, particularly in web development. If you have an array of data but the program you’re communicating with requires an object, don’t fear, we’ll go over some easy conversion methods. Quick Answer – JS Array to JSON Arrays are actually valid JSON, … Read more

How to Create a Custom Checkbox Form in Vue

Custom Checkbox Component Vue

You have a problem. The browser’s default checkbox form is ugly and outdated, but importing an entire library just to change the styling seems like overkill. Instead, let’s build a custom checkbox form component from scratch. It will take 15 minutes to type up, or just 3 if you just copy and paste my boilerplate … Read more

How to Make a Simple Vue Custom Select Component

How to Make a Custom Select Component Vue

Creating a custom select tag with your own styling is notoriously difficult. Sometimes it’s impossible without building your own from scratch using a combination of styled divs and custom JavaScript. In this article, you’ll learn how to build a Vue custom select component that can be easily be styled using your own CSS. In fact, … Read more

Running Python in the Browser with Web Assembly

Running Python in the Browser with WASM and Web Workers

We’ve been wanting to expand Qvault’s curriculum, and one of the most requested programming languages has been Python. Because our courses allow students to write and execute code right in the web browser, we decided to look into existing projects that allow a Python interpreter to run in the browser using Web Assembly. We settled … Read more

Running Go in the Browser with WASM and Web Workers

Running Go in the Browser with WASM and Web Workers

We’ve recently made big changes to how we execute Go in the browser on Qvault and want to explain the enhancements. Web Workers are the reason we’ve been able to solve some of the serious browser-related coding problems that were holding us back. Consider this article a sequel to Running Go in the Browser with … Read more

How to Rerender a Vue Route When Path Parameters Change

Paint over and rerender the wall

In single-page apps that use the Vue Router, it is common to create a path parameter that changes the behavior of a route. A common problem occurs when a user alters the path manually in the address bar. Manually changing the URL does not rerender the view! This can cause unexpected behavior because mounted() hooks … Read more