Archives

Efficiently load JavaScript with defer and asyncWhen loading a script on an HTML page, it’s important to consider its impact on the loading performance. The position and method of adding scripts to an HTML page can greatly influence the loa ...

The Complete Guide to Go Data StructuresIn this blog, we have analyzed and implemented a collection of classic data structures using Go. This post serves as an index for all the data structures covered. Here is an alphabetical list: Binary ...

CSS Attribute Selectors: A Comprehensive GuideLearn how to effectively use CSS attribute selectors in this informative blog post. If you’re new to CSS selectors, I recommend checking out my previous blog post on an introduction to the basic ...

How to Use the useContext React Hook for Better React DevelopmentDiscover the benefits of using the useContext React hook and learn how to effectively work with it! If you’re new to React hooks, make sure to check out my React hooks introdu ...

How to Use the React Developer Tools for Efficient React DevelopmentThe React Developer Tools is an indispensable tool that every React developer should have installed when building React applications, such as a Next.js application. This to ...

The Arduino MKR WiFi 1010: An Ultimate IoT Electronics BoardI recently got my hands on the Arduino MKR WiFi 1010 board and I must say, it’s a game-changer for IoT enthusiasts. This board is the first of its kind to have built-in WiFi and Bl ...

How to Retrieve Unique Properties from an Array of JavaScript ObjectsWhen working with an array of objects in JavaScript, there may be times when you need to extract the unique values of a specific property from these objects. This can be a ...

Build Your Own Platform: Why It’s Important and How to Do ItIn today’s world, being a solo maker requires a diverse set of skills. Not only do you need to be able to create and market your products, but you also need to have a strong online ...

Working with Lifecycle Events in SvelteUnderstanding and utilizing lifecycle events in Svelte is crucial for implementing desired functionalities in components. Svelte provides several lifecycle events that we can hook into to execute speci ...

CSS Normalization: Why and How to Use itCSS Normalization is the process of removing inconsistencies in browser styles while preserving a basic set of rules. It provides a common ground for browsers by addressing browser-specific defaults. ...

The CSS position propertyLearn how to use the position property in CSS effectively. Positioning is an important aspect of web development as it determines the layout and appearance of elements on a webpage. By using the position property, y ...

How much JavaScript Knowledge is Required to Use Node?If you are new to JavaScript and planning to use Node.js, it’s essential to have a solid understanding of the language. Building confidence in your programming abilities is crucial, espe ...

How to Get the Last Element of an Array in JavaScriptIf you’re wondering how to get the last element of an array in JavaScript, let’s find out. Let’s say you have an array of colors like this: 1const colors = ['red', 'yello ...

Swift Conditionals: Using the if StatementTags: Swift, Conditionals, if statement In Swift, the if statement is a widely used conditional construct. It allows you to check a condition and execute a block of code if the condition is true. He ...

Simplifying JavaScript Public Class FieldsIntroductionThis blog post will guide you through the new JavaScript public class fields, providing a simple tutorial on how to use them. In the past, creating a public class field required instanti ...

Introduction to React RouterReact Router is a powerful tool that allows you to connect the URL of your React app with its corresponding components. It is considered the go-to routing library for React and is widely used in many projects. In ...

The Ultimate Guide to Mastering ReactReact, the popular JavaScript library, has revolutionized the world of visual interface development. Whether you’re a beginner or an experienced developer, learning React can take your skills to the next ...

Shell Command for Monitoring File Content in Real-TimeIn this blog post, we will explore the tail command, a highly useful tool in the UNIX command line. This command is available on most Unix-like systems, including macOS and Linux. Accord ...

Analog Joystick: A Guide to Electronic ComponentsThe analog joystick is a commonly used electronic component in video games. It allows you to control movement and perform various actions by manipulating the joystick. In this article, we wil ...

Understanding the String lastIndexOf() MethodIn this blog post, we will delve into the intricacies of the JavaScript lastIndexOf() method for strings. The lastIndexOf() method is used to determine the position of the last occurrence of a sp ...

How to Retrieve the File Extension in Node.js from the MIME TypeWhen working with file uploads in Node.js, you may encounter situations where you need to extract the file extension from the MIME type. In this article, we’ll explore two meth ...

The Complete Guide to GitGit is an essential tool for tracking and managing different versions of files. It is a free and Open Source version control system (VCS) developed by Linus Torvalds, the creator of Linux. Git allows developers to c ...

How to Mass Rename Files in Node.jsLearn how to easily rename multiple files using Node.js. In this blog post, I will guide you through the process of renaming a set of files using Node.js. This process can also be used to move files to ano ...

Phaser: Understanding the Game Loop This blog post is part of a series on Phaser. Check out the first post here. In Phaser, we have three different scenes: preload(), create(), and update(). While preload() and create() are run only once, ...

Do I need a degree to become a programmer?No, having a degree is not a requirement to become a programmer. As someone with a degree in Computer Engineering, I can confidently say that a degree does not determine one’s competency as a progra ...

Linux commands: pwdA comprehensive guide to using the pwd command to check the current working directory. When navigating through the filesystem and feeling unsure of your current location, the pwd command comes in handy. By executing the c ...

How to Remove All Children from a DOM ElementWhen working with a DOM element, you may need to remove all its children. This can be done in a few different ways. In this blog post, we will explore two commonly used solutions. Solution 1: Usi ...

Should You Commit the node_modules Folder to Git?That’s a question many developers ask themselves. There are pros and cons to consider when deciding whether or not to commit the node_modules folder to Git. In this article, I will discuss th ...

Output to the command line using NodeIntroductionPrinting to the command line console is essential for debugging and monitoring purposes in Node.js. In this blog, we will explore various ways to output messages to the command line using Nod ...

The Complete ECMAScript 2015-2019 GuideECMAScript, often referred to as ES, is the standard on which JavaScript is based. In this guide, we will explore everything you need to know about ECMAScript and its latest features. What is TC39TC39 ...

Johnny Five Tutorial: Learn How to Interface with Electronic Devices using JavaScriptJohnny Five is a fantastic library that allows developers to communicate with electronic devices using JavaScript. While devices like Arduino are typically ...

How to Use the macOS Terminal for ProgrammingThe terminal is an essential tool for programmers, allowing you to perform tasks that would otherwise be impossible. Here’s a guide on how to use the terminal in macOS: Opening the Terminal: You ...

How to Import a CSS File Using @importIn this blog post, we will discuss how to import CSS files using the @import directive. This directive allows you to include another CSS file within your current CSS file. To import a CSS file, you simp ...

How to Add Leading Zero to a Number in JavaScriptIn JavaScript, there may be scenarios where you need to add a leading zero to a number if it is less than 10. This can be particularly useful when displaying time values, such as minutes and ...

How to Parse JSON with Node.jsIn this blog post, we will explore how to parse JSON data in Node.js. Whether you have JSON data as a string or in a file, we will cover both scenarios. Parsing JSON from a StringTo parse JSON from a string in ...

How to Fix the TypeError: Attempted to Assign to Readonly Property ErrorIf you’ve encountered the following error in your Next.js codebase or any JavaScript codebase: 1TypeError: Attempted to assign to readonly property Don’t worry! This e ...

How to Use Python reduce() to Calculate Values from a SequenceWhen working with collections in Python, there are three global functions that can be quite useful: map(), filter(), and reduce(). Tip: In some cases, using list comprehensions ...

An Introduction to GraphQLGraphQL is a query language used for API development and comes with server-side runtimes implemented in various backend languages. It is not tied to any specific technology, allowing it to be implemented in any lan ...

Tips for Improving Productivity as a Developer or Writertags: [“productivity”, “time management”, “focus”, “goal setting”, “distractions”, “organization”, “consistency”, “commitment”] Being productive is a common goal for many developers an ...

Go Data Structures: Binary Search TreeIn this article, we will analyze and implement the Binary Search Tree data structure in Go. A Binary Search Tree is a hierarchical data structure where each node can have a maximum of two children. The ...

Squashing Git Commits: Simplifying Your Git WorkflowAs a regular user of Git, I have found myself utilizing its basic functionalities on a daily basis. However, there are advanced features of Git that still leave me in awe. One such feature ...

How to Pass a Parameter to Event Handlers in ReactLearn how to pass a parameter to event handlers in React, specifically for onClick events, without invoking the method on mount. When working with React functional components, you may need t ...

Why I Purchased the iPad Pro: A Versatile Device for Work and Leisure I recently acquired the 2021 12.9” 512GB Cellular iPad Pro, along with the Magic Keyboard. Having used it extensively for two weeks, I can confidently say that it has exc ...

Next.js: How to Populate the Head Tag with Custom TagsCustomizing the head tag of your Next.js app is a useful way to enhance your page’s metadata. Whether you want to modify the page title or add a custom meta tag, you can easily do so by ...

Working with Duplicate Records/Lines in Text: A Quick Guide to the uniq CommandThe uniq command is a powerful tool used for sorting lines of text and working with duplicate records. Whether you need to extract duplicate lines from a fi ...

CSS Backgrounds: A Complete GuideIn this article, we will explore the various CSS properties that allow you to change and style the background of an element. By understanding these properties, you can create visually appealing and engaging ...

What is pnpm? A Disk Space Saving Replacement for npmIntroduction to pnpm, a drop-in replacement for npm that helps reduce disk space usage. In a previous blog post, I discussed the issue of having huge node_modules folders and how it doesn ...

How to Deep Copy JavaScript Objects Using structuredCloneDeep copying JavaScript objects has historically been a challenge, often requiring workarounds that were prone to bugs. One common method was using JSON.parse(JSON.stringify(obj)), wh ...

How to Wait for All Promises to Resolve in JavaScriptIn JavaScript, there are situations where we need to wait for multiple promises to resolve before continuing the execution of our code. Instead of waiting for one promise to resolve and t ...

How to Access a URL Parameter in Sapper Outside of Script ModuleIf you are creating a Svelte application using Sapper and have a dynamic page route such as /routes/[id].svelte, you may need to access the dynamic part of the URL (in this cas ...