The fire. It’s that burst of energy, drive, and determination that allows us to accomplish great things. Paul Jarvis, author of the book Company of One, refers to it as “the fire”. In his recent newsletter, he describes how the fire ignites his motivation and propels him forward. On days when the fire is burning, I can feel the power within me. I can write multiple blog posts in a row and code for hours without losing focus....
Emmet is an incredibly useful tool that allows you to write HTML at lightning speed. It’s like magic! Emmet has been around for years and there are plugins available for every editor out there. In this tutorial, we will explore some of the key features of Emmet and learn how to use it effectively. Table of Contents Create an HTML file from scratch Using > and + Level up Multipliers Grouping expressions Working with id and class attributes Adding unique classes or ids Adding other attributes Adding content Adding an incremental number A reference for tags used in the page head A reference for common tags A reference for semantic HTML tags A reference for form elements Create an HTML file from scratch To create an HTML file from scratch, simply type !...
When creating a form that allows users to upload images, it is sometimes necessary to impose restrictions on the file size. For instance, let’s say we want to limit the image size to 3MB. In this blog post, we will explore how to implement this requirement in a React application using the onChange event. To begin, we have a form with a file input box like this: <input name='image' type='file' accept='image/*' To ensure that the uploaded image is smaller than 3MB, we can add an onChange event handler to the input element....
Error handling is a crucial aspect of any Node.js application development. Failing to handle errors properly can lead to crashes, bugs, and security vulnerabilities. In this blog post, we will explore various techniques and best practices for effective error handling in Node.js. Creating Exceptions In Node.js, errors are handled through exceptions. To throw an exception, you can use the throw keyword followed by a value. In client-side code, the value can be any JavaScript value, such as a string, number, or object....
During the interview process for a software developer position, it’s not just your technical abilities that are being assessed. Soft skills, which are related to how you interact with others, are also important factors. Working in teams is a common aspect of software development jobs, making soft skills crucial to thrive in this field. In this blog post, we will discuss some essential soft skills that every software developer should possess....
Event delegation is a powerful technique that allows us to handle events efficiently in a dynamic DOM. Traditionally, event listeners are registered directly on individual elements. However, when new elements are added dynamically, we need to remember to register new event listeners for them. In the past, jQuery’s .on() method has been a popular choice for event delegation. It allows us to attach an event handler to a parent element and have it executed for specific child elements....
Programming, much like mastering basic math or driving a car, is an attainable skill for anyone. With the right resources, dedication, and motivation, anyone can dive into the world of coding with confidence. But here’s the catch: learning programming doesn’t have to be mundane. While accounting might not spark joy for some, the art of programming offers endless possibilities to create awe-inspiring applications. It is undoubtedly one of the most fascinating aspects of the modern world....
In this technical blog, I’ll explain how to run a shell command from a Node.js script, providing you with a detailed step-by-step guide. By following these steps, you’ll be able to execute shell commands seamlessly in your Node.js project. To begin, you’ll need to import the child module from the child_process package. Here’s how you can achieve it in your Node.js script: import * as child from 'node:child_process'; // or const child = require('node:child_process'); Once you have the child module imported, you can utilize the child....
JavaScript events play a crucial role in browser-based programming. Understanding how events work and how to handle them is essential for building interactive web applications. In this article, we will explore JavaScript events and dive into event handling techniques. Introduction In the browser, JavaScript follows an event-driven programming model. This means that everything starts by listening for an event. An event can be triggered when the DOM is loaded, an asynchronous request finishes fetching data, a user clicks on an element, scrolls the page, or types on the keyboard....
Learn the fundamentals of JSON Web Tokens (JWT) and discover how to effectively implement them in your applications. JSON Web Token (JWT) is a widely adopted standard for creating access tokens in applications. It provides a secure method for verifying user identities and ensuring the integrity of data exchanged between the client and server. What is JWT and How Does it Work? JWT operates by generating a token on the server, certifying the user’s identity, and sending this token to the client....