Gohomewho articles - 21 total
Improve User Experience with a Minimal Loading State: A Vue Composable for Making Delay Ref
Fetching resources and displaying a loading UI is a common task when building Vue applications. One...
table: make columns resizable
In this series, we will make our table columns resizable. This time I won't show everything step by...
table: animate swapping columns
Currently, when columns swap, they swap instantly. In this series, we are going to add animation to...
table: improve moving column UI & UX (2)
We added a ghost column representing the moving column previously. It always follows our cursor in...
table: refactor our code
We have been developing everything inside a single file main.js through four series. Two main...
table: improve moving column UI & UX
We have made a table component and make the columns swappable. It works pretty well. But currently,...
table: fix moving columns bug
In the previous tutorial, we make columns swappable. I mentioned that in some cases two columns can...
table: make the columns swappable
In the previous tutorial, we make a table that can take any kind of data and display them. Displaying...
Let's make a table component with JavaScript
In this tutorial, we'll make a table component with JavaScript. We'll make it can be populated with...
addEventListener
addEventListener is an easy way to start making our page interactive. In this article, we will learn...
Promise and async await
Probably most of us learn Promise for the first time is when we start learning how to call an API...
Array
We use array to store a list of items. Generally, we put items that are relational in an array, so we...
Debounce is a good example of closure
I can't remember how many times I learn a new topic and left with confusion. If I come across a same...
I learned how to use Python to do backend stuff with my frontend experience.
A few days ago, I was assigned to a new task that I need to use Python to get data from database with...
Function
Function helps us organize our code and easier to reuse our code. We use function to group a piece of...
inline, block, inline-block
inline and block are the fundamentals of how things are laid out on a page. In this article, we will...
Variable
We use variables to store information and use them to organize our code. Declaring a variable is...
When v-memo can tweak v-for performance
A year ago, my first task as a frontend developer was to rebuild a learning management system for an...
How to make a Gmail like checkbox
In this article, we will learn how to use HTML and CSS to make a Gmail like checkbox. But before we...
Learn shortcuts to edit faster with VSCode (lots of images)
Editing texts becomes so much easier when we use shortcuts. I think the most important part is that...
Basic but powerful shortcuts that help editing texts
I want to share some basic but very powerful shortcuts that I use every day. These shortcuts come in...