Archives

An Introductory Guide to CSS TransitionsCSS transitions are a simple and effective way to create animations in CSS. By changing the value of a property, you can instruct CSS to smoothly transition it according to specific parameters, ultima ...

The Guide to ES2016: What You Need to KnowTags: ES, ECMAScript, JavaScript, ES2016, Array.prototype.includes, Exponentiation Operator ECMAScript (ES) is the universal standard for JavaScript. In this guide, we’ll dive into everything you ne ...

Understanding the GPL License: A Comprehensive OverviewAs a developer, you undoubtedly encounter numerous libraries and software that are licensed under the GPL. In this blog post, we will provide a concise yet informative summary of the GP ...

Vite Tutorial: A Next-Generation Frontend ToolRecently, I’ve been exploring Vite, which is often referred to as “the new create-react-app”. While there are many tools that serve a similar purpose, such as Parcel, esbuild, Rollup, Rome, webp ...

Working with an LCD Screen: A Johnny Five Guidetags: [“Johnny Five”, “LCD screen”, “Arduino”, “coding”, “electronics”] LCD screens are versatile components that can be used in a variety of projects. In this guide, we will learn how to work ...

Chaining Method Calls in JavaScript: Simplify Your CodeChaining method calls in JavaScript can be a convenient way to simplify your code. Instead of writing separate lines for each method call, you can chain them together in a single line. ...

The defineProperty() method in JavaScript: A GuideThe defineProperty() method in JavaScript is a powerful feature of the Object object. It allows you to create or configure properties for an object in a more flexible way. In this blog post, ...

Working with Unicode in JavaScript: A Comprehensive GuideIn this article, we will explore how to effectively work with Unicode in JavaScript. We will cover topics such as Unicode encoding of source files, how JavaScript uses Unicode interna ...

How to Add a Wrapper Component to Your Next.js AppHaving a consistent layout throughout your website can greatly improve user experience. One way to achieve this is by using a wrapper component that includes common elements like a sidebar o ...

Where to Host a Node.js App: The Best Options for DeploymentWhen it comes to hosting a Node.js application, there are plenty of options available to suit your needs. In this article, we will explore various hosting solutions so that you can ...

How to Send URL Encoded Data using AxiosIn this tutorial, we will learn how to send URL encoded data using the Axios library in a Node.js application. Problem StatementWhen working with an API that only accepts data in the URL encoded forma ...

The String endsWith() Method: A Comprehensive GuideLearn all about the endsWith() method in JavaScript strings and its various functionalities. The endsWith() method in JavaScript allows you to determine whether a string ends with a specifi ...

How to Remove the Leading Zero in a Number Using JavaScriptIf you come across a number with a leading zero, such as 010 or 02, and you need to eliminate that zero, there are several methods you can use in JavaScript. The most straightforwar ...

The Power of Social Proof in Growing Your BusinessTags: social proof, psychology principles, testimonials, trust signals, landing pages In a world full of endless choices, one principle that can help guide us to make the best decisions is s ...

How to Uppercase the First Letter of a String in JavaScriptCapitalizing the first letter of a string in JavaScript is a common operation that can be achieved using different methods. In this blog, we will explore the various ways you can ac ...

How to Use JavaScript Regular ExpressionsLearn everything you need to know about JavaScript Regular Expressions in this comprehensive guide. Discover the most important concepts and explore practical examples to master this powerful tool. I ...

What is a CDN and Why is it Useful?A CDN, or Content Delivery Network, is a network of servers distributed globally and interconnected. Its main purpose is to improve the speed and performance of websites by distributing assets such as imag ...

How to Add Comments in Svelte TemplatesAdding comments to your code is an essential practice for documenting, clarifying, and organizing your codebase. In this blog post, we will explore how to add comments in Svelte templates and discuss t ...

The Object getOwnPropertySymbols() MethodIn JavaScript, the getOwnPropertySymbols() method of the Object object allows you to obtain an array of symbols defined on an object. Symbols are a feature introduced in ES2015, and this method was a ...

How to Use Redis Sorted ListsRedis Sorted Lists are a powerful data structure that associates a rank with each item in a set. While they are similar to regular sets, they use different commands and provide additional functionality. To start ...

How to Return Multiple Values from a Function in JavaScriptFunctions in JavaScript can only return a single value using the return statement. So, how can we simulate returning multiple values from a function? When we have the need to return ...

Getting Started with Go CPU and Memory ProfilingProfiling your Go applications is made easy by the Go ecosystem. In this blog post, we will explore how to use the github.com/pkg/profile package by Dave Cheney to easily debug and profile you ...

Linux Commands: touchIn this blog post, we will explore the touch command, which is used to create an empty file in a Linux environment. Whether you are using Linux, macOS, WSL, or any UNIX-based system, the touch command is an essential to ...

How to Change Image URLs in a Markdown StringWhen migrating a blog from Hugo to Next.js, I encountered an issue regarding the usage of spaces in image names. While Hugo allowed spaces, Next.js markdown requires hyphens instead. This posed a ...

Introduction to C Arrays: A Comprehensive GuideIn this blog post, we will provide an introduction to C arrays and explore their functionality. Arrays in C are variables that can store multiple values of the same data type. Whether you need ...

Working with Loops in Svelte TemplatesLearn how to effectively work with loops in Svelte templates to dynamically display data. Creating LoopsIn Svelte templates, you can create loops using the `

The JavaScript toLocaleString() Method: A GuideIn JavaScript, the toLocaleString() method allows you to format a number based on a specific locale. By default, the method uses US English as the locale. However, you can pass a locale as the ...

Choosing the Right Tech Stack: Balancing Familiarity and ExplorationWhen it comes to building a new app, you are faced with a decision: stick to what you already know or venture into unfamiliar territory. It’s a dilemma that many developers ...

C Conversion Specifiers and Modifiers: A Handy ReferenceIn this blog post, we will provide a helpful reference for all the C conversion specifiers commonly used with functions like printf(), scanf(), and other I/O functions. Specifi ...

How to Self-Host Plausible AnalyticsI decided to self-host my website analytics. In this blog, I will walk you through the process of self-hosting Plausible analytics and explain why I made this decision. Why Self-Host?The cost and control ...

The toString() Method in JavaScript for NumbersIn JavaScript, the toString() method is used to convert a Number object into a string representation. It also allows for an optional argument, called radix, which specifies the base of the numb ...

How to Set Default Parameter Values in JavaScriptLearn how to add default parameter values to your JavaScript functions for improved flexibility and ease of use. Default parameter values were introduced in ES6 in 2015 and have become widely ...

The Fetch API: A Modern Approach to Asynchronous Network Requeststags: [“Fetch API”, “Promises”, “asynchronous network requests”] The Fetch API is a modern approach to making asynchronous network requests in the browser. It offers a more st ...

JavaScript Data Structures: Linked Lists - Improve Your Technical BlogLinked lists are a crucial data structure to learn in JavaScript. They allow us to efficiently store and manage data by connecting each item to the next item in the list. ...

The stack I use to run this blogIn this post, I will describe the technologies and tools I use to run my blog. From the site platform to hosting, and even my workflow for posting articles, I’ll cover it all. The site platformThis blog is b ...

How to Convert a String to a Number in JavaScriptLearn how to convert a string to a number using JavaScript. JavaScript provides several ways to convert a string value into a number. Best: Use the Number ObjectThe best and recommended way i ...

Exploring the JavaScript String indexOf() MethodIn this blog post, we will delve into the details of the indexOf() method in JavaScript. This method is used to determine the position of the first occurrence of a specified string within anot ...

Destructuring Objects and Arrays in JavaScriptLearn how to use the destructuring syntax to work with arrays and objects in JavaScript. Destructuring in JavaScript allows you to extract values from objects and arrays and assign them to varia ...

How to Style Lists Using CSSLists are an essential component of many web pages. Fortunately, CSS provides several properties to style and customize them. In this blog post, we will explore some of the key properties that you can utilize to ...

Where Do You See Yourself in 5 Years?During my university days, I had to complete an unpaid internship as part of my program. I remember going for an on-site interview at a company, where I was asked the infamous question, “Where do you see ...

Phaser: ScenesTags: Phaser, Scenes, Game Development Scenes play a crucial role in defining the structure and behavior of a game in Phaser. By passing them as properties to the scene object, we can configure the game according to our requir ...

How to Enable ES Modules in Node.jsTo enable the import syntax in Node.js, you need to follow a few steps: Install the latest version of Node.js: Make sure you are using the latest version of Node.js, as it includes the latest features and ...

Transitioning from No-Code to Some-Code: Embracing Control and CustomizationIn my recent journey, I found myself exploring something I had never done before: relying on a service to handle a website. As a senior developer, I have always str ...

Exposing Functionality from a Node File Using exportsLearn how to use the module.exports API to expose data to other files in your Node.js application or even to other applications. Node.js comes with a built-in module system that allows fi ...

How to start a blog using HugoA detailed tutorial on how to start a blog using Hugo, from the basics to deployment. Hugo is a great tool for starting a blog. It’s simple, boring, flexible, and fast. The simplicity of Hugo allows you to get ...

Should You Use or Learn jQuery in 2020?To use or not to use? To learn or not to learn? Let’s examine whether you should avoid jQuery altogether and explore the reasons why you should continue using it. jQuery has played a significant role i ...

A Simple React App Example: Fetch GitHub Users’ Information via APIIn this article, we will walk through a simple example of a React app that fetches GitHub user information using the GitHub API. This app consists of a form where users can ...

How to Track File Downloads on Your WebsiteIf you have a website and need to track file downloads, you may be wondering how to do it. Initially, I thought my only option was to use URL shorteners that provided statistics, as I was building ...

Introduction to the Arduino Programming Language and Its FunctionsWriting programs for your Arduino board is made possible through the Arduino Programming Language, also known as the Arduino Language. This language is based on the Wiring de ...

The Vue Router: A Guide to Routing in Vue.js ApplicationsIntroductionIn a JavaScript web application, a router is responsible for synchronizing the view displayed with the content in the browser’s address bar. It manages URL changes when a ...