javascript

JavaScript (JS) is a lightweight, interpreted programming language. While it's mainly used to develop user interfaces in the browser, JS can also be used to devise high-performance serverside software.

Getting started with Rust as a web developer

Javascript was my first big step toward programming. And since it's still under active development, there's something new to learn every other day. It takes more than that to regularly step out of one's comfort zone, so I committed to learning a second language. Introducing Rust.

⚡ Write your own reactivity function in 10 lines of Javascript

Have you ever wondered how frameworks like React and Vue handle reactive data? This article aims to bring clarity. It presents Javascript Proxies, Proxy traps, and how they are used to create a simple reactivity system.

A step-by-step guide to migrate a Node.js web app to Typescript

Migrating from Javascript to Typescript is a tedious task. However, typing makes your code more robust. This results in better code quality and a reduced likelihood to introduce bugs. Read on to learn how to make the best use of it for your Javascript-powered web application.

Quick & Dirty: How to add a client search feature to your Ghost blog

This article attempts to give you an idea of how to implement a search feature for your own Ghost blog. You'll learn how to create your own index, store it on the clientside and query it for results. In the related code repository, you can also find an implementation example.

Let's build Vue directives: Scrolling elements into view

Directives are one of Vue's most powerful concepts. They provide direct access to a DOM element over its lifecycle. And you're not restricted to the built-in ones but can also write your own custom directives.

How to monitor the progress of a Javascript fetch - request and cancel it on demand.

Waiting blows. That goes for many situations in life, including when a website you visit is busy loading new data. However, it's usually helpful to visualize that something is happening in the background. Or be able to pull the plug. Read on to find out how that's to be done with the fetch API.

Seven advanced techniques for Javascript spread syntax and rest parameters

Spread syntax and rest parameters are two sides of the same coin. While the first gives you access to all properties of an object or array, the latter 'compresses' several variables or arguments into a single array. Read on to learn how to make the best use of this syntactic gemstone collection

🌙 How to implement darkmode with a Vue.js component

A dark mode feature can be a bliss for your webapp's users. It reduces stress on the eye in low-light conditions and can also help saving energy on the device. In this post, you'll learn how to write your own Vue.js component to add it to any newly created - or already existing project with ease.

Use async / await with Javascript's .map() and other high-order functions

High order functions in Javascript are incredibly useful to improve code readability and to reduce redundancies. They have a weak point, however: Asynchrony. Read on to learn how to tackle this matter.

How to use service workers in javascript

Progressive Webapps use service workers to make websites and webapps feel more like the native apps users know and love on their phones. This article will give you an introduction into the topic with some simple - to - follow code examples.

How to create svg elements with Javascript

SVGs are easily dropped into existing html content. But what if you wanted to add them dynamically, say to several DOM elements, with Javascript? Read on to find out how.

How to copy text to the clipboard with Javascript

Copying and pasting text once doesn't take much time, but subsequent CRTL - parsing gets old pretty quick. Read on to find out how to leave this task to the browser, not to your reader.

What is the difference between callback functions, promises, and async/await in Javascript?

You've probably worked with each three of them yet as they are all very basic, yet reliable methods for asynchronous programming. This article aims to take a closer look into how they differ from one another, what they have in common and where async/await comes into play

Build a streaming drag and drop upload section with Vue.js

Drag and drop in the browser can greatly improve user experience, and modern browsers allow for a very straightforward implementation. It is, however, tricky to put the pieces of the relevant browser APIs together. In this article, you'll find out how it can be done.

Make API calls with Javascript

Making API requests is one of the first core concepts every web developer needs to wrap their head around. I decided to dedicate my first blogpost to the discipline which was challenging to learn and every now and then still grinds my gears.