Tobias Q.

Hi, I'm Tobi, a self-taught web developer. After a few brilliant years working as a consultant, I'm now striving to be a successful Javascript dev. I enjoy hiking on sunny days, novels on rainy ones

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.

An Introduction to Vue 3 and Typescript: Functional components, attributes, and slots

After getting a grip on reactivity and component communication, let's look at what basic features remain. Take slots and attributes. We use them mostly in templates. But what if you must access them in your script? Say, to write a functional component? Functional components The official docs recommend using HTML

An Introduction to Vue 3 and Typescript: Component properties and events

Declaring a local state with references [https://blog.q-bit.me/an-introduction-to-vue-3-and-typescript-refs-and-reactivity] is a good start. Still, in all but the most simple cases, you will want your components to be able to interact with one another. That's where properties and events come into play. > In case you're after the code,

An Introduction to Vue 3 and Typescript: Refs and reactivity

Reactivity is the buzzword in every frontend framework. And Vue's reactivity module makes handling state a breeze. In this article, we'll explore how to apply fundamental reactivity concepts to a Vue app. And how Typescript helps us by making our reactive data more robust.

An introduction to Vue 3 and Typescript - Getting started

Vue 3 has been completely rewritten in Typescript. Okay. Now, what does that mean for your next web project? This article series will shine a light on what makes Vue 3 so different.

How I set up my Ubuntu Laptop for web development

A few years ago, I moved from Windows to Ubuntu. Mainly due to my dear old laptop's decline in performance. Launching a text editor and a dev-server should take only a few seconds. So, I thought, let's try something else next.

How to register an AppImage as a desktop application in Linux

AppImages are alternatives to the classic Linux apps. While uncommon in usage, they're practical insofar as they run on several Linux distros all the same. And you might want to treat them like you treat your usual applications. Read on to find out how to do so.

⚡ 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.

A story of why you should use strong types in Javascript team projects

Using Typescript in team projects cannot save lives, but surely a lot of time. Even if your team member is yourself in six months. Typing, if you're coming solely from a JS background, might seem alien at first sight. Read on to find out why you should still give them a try.

Let's build Vue directives: Adding a wave effect to buttons

The wave, aka the ripple effect, became popular with Google's material design guidelines. When a user interacts with a button, a wave-like animation would spread outwards from the clicking/touching point. Read on to learn how to implement this feature with a Vue.js directive.

A step-by-step guide to developing and deploying Vue apps with docker, part two

Vue is a great framework to develop user interfaces. It has experienced a great deal of growth in popularity since its initial release in 2014 and still continues to improve. This second part of the series will explain how to develop "in" a container and ship your app with a custom Docker workflow

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 self-host Google fonts for your web application | Part 1/2: DIY vs. CDN

Google provides plenty of web services, one of which is Google Fonts. At the same time, using these services is as simple as opening a window (or browser tab, literally speaking). You might have a good reason though not to use these, and instead, provide font files from your own sources.