HLS Video Streaming with Node.JS – A Tutorial

Video Streamed in Node JS

The goal of this tutorial will be to build a robust video (or music) streaming API using Node JS. Don’t worry, its surprisingly easy since we will be utilizing a modern protocol, HTTP Live Streaming, or HLS. Why use HLS for video streaming? HLS allows us to serve large media files as many smaller files. … Read more HLS Video Streaming with Node.JS – A Tutorial

How to Create a Custom Toggle Switch Component in Vue.js

vue toggle switch component

Custom toggle switches are a pain to code from scratch. So many lines for such a simple UI widget! In this quick tutorial, we will learn how to build a toggle switch in Vue.js, and it will be a fully encapsulated component! The component we are building is used currently on Qvault’s login page. Go … Read more How to Create a Custom Toggle Switch Component in Vue.js

Vue History Mode – Support Legacy Hash URLs

history in library busts

When we first launched the Qvault single-page-app, we were using Vue Router’s default hash routing. Hash routing looks ugly to the end-user, and when you want to be able to share parts of your app via direct link those hashes can get really annoying. We have since moved to the newer HTML5 History Mode which … Read more Vue History Mode – Support Legacy Hash URLs

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 How to Rerender a Vue Route When Path Parameters Change

Announcing a “(Very) Basic Intro to Coding”

Qvault Classroom – our new gamified learning platform – just launched its first free coding course! This one is short, sweet, and to the point. We created a thirty-exercise, two-module course that caters to students who have never seen a single line of code before. That’s right, this is a code-in-the-browser course for absolute beginners. … Read more Announcing a “(Very) Basic Intro to Coding”

Simple Setup – Vue Linting in VS Code

eslint vscode

I’m a gopher by nature, so I expect consistent styling and linting in my codebases. More importantly though, I don’t like to think about styling. I like to type haphazardly and then have my editor apply styling automatically on save (ctrl+s, cmd+s). If you are the same way, hopefully this will help you in your … Read more Simple Setup – Vue Linting in VS Code

Go’s WaitGroup – JavaScript’s PromiseAll??

People waiting in line

In applications that are i/o heavy, it can get clunky to synchronously execute high-latency functions one after the other. For example, if I have a web page that needs to request 7 files from the server before it can show the page, I need to asynchronously fetch all those files at the same time. The … Read more Go’s WaitGroup – JavaScript’s PromiseAll??

How To Cache Images – React Native Expo (Managed)

By Lane Wagner – @wagslane on Twitter Caching images in React Native can be easy, even if you are using Expo’s managed workflow. The problem many devs run into is that React Native only supports caching images on IOS out of the box. Other popular community packages that work on Android contain native code, and as such … Read more How To Cache Images – React Native Expo (Managed)

JavaScript With Statement Explained – A Deep Dive

By @wagslane (twitter) Let’s look at the JavaScript with statement. We will go over the simple uses, as well as a deep dive into some more advanced concepts. Note: Use of the with statement is discouraged. It can lead to strange bugs. That said, it is important to understand how it works because it may exist in … Read more JavaScript With Statement Explained – A Deep Dive

JavaScript vs Java – Differences, Similarities, and History

By @wagslane (twitter) Java and JavaScript confuse many new programmers. They sound so similar, so one might think they have the same use-cases, or maybe the same company created both languages. Neither of those assumptions is true! Let’s go over the differences and history in this quick read. Java – Brief History In 1991, James Gosling of … Read more JavaScript vs Java – Differences, Similarities, and History