Posts

The JavaScript trim() Method: Removing White Space from Strings

In JavaScript, the trim() method is used to remove white space from both ends of a string. This article will provide an in-depth explanation of how the trim() method works and the various use cases. The Basics The trim() method returns a new string that is identical to the original string, except it does not contain any leading or trailing white space. It achieves this by removing spaces, tabs, newlines, and any other whitespace characters from the beginning and end of the string....

The Journey of Becoming a Content Creator: A Personal Account

In this day and age, the term “content creator” is commonly used to describe individuals who work independently on the internet, making a living through various informational and content-related pursuits. While I personally don’t consider myself a content creator per se, I do see myself as a creator of educational products. In 2021, being a blogger and course creator has become my full-time job. So, how did I end up here?...

The Lexical Structure of JavaScript: Understanding the Building Blocks

In this technical blog, we will delve into the fundamental components of JavaScript and explore their importance. We will cover topics such as Unicode, semicolons, white space, case sensitivity, comments, literals, identifiers, and reserved words. Table of Contents Unicode Semicolons White space Case sensitive Comments Literals and Identifiers Reserved words Unicode JavaScript is written in Unicode, which allows the usage of characters from different languages and even emojis as variable names....

The Map JavaScript Data Structure

Discover the Map data structure introduced in ES6 to associate data with keys. Before its introduction, people generally used objects as maps, by associating some object or value to a specific key value. What is a Map A Map data structure allows you to associate data to a key. Before ES6 ECMAScript 6 (also called ES2015) introduced the Map data structure to the JavaScript world, along with Set. Before its introduction, people generally used objects as maps, by associating some object or value to a specific key value:...

The Most Challenging Concepts in JavaScript Explained

Recently, I asked my Twitter followers what they considered to be the most complex topics in JavaScript. The response was overwhelming, with over 200 replies pouring in. After analyzing the feedback, there were several concepts that stood out as particularly difficult for many developers to grasp. These concepts include: this Asynchronous JavaScript (promises, callbacks, async/await) Closures The event loop Recursion Scope Hoisting Prototypical inheritance bind(), call(), apply() reduce() Generators fetch() Except for generators, which are more specialized, these are all concepts that we encounter on a regular basis in JavaScript programming....

The Navigator Object: Explained and Utilized

Discover the purpose and utilization of the Navigator object The Navigator object, accessible through the window.navigator property in browsers, serves as a container object that grants access to various Web Platform APIs. By leveraging the Navigator object, developers gain extensive capabilities within their web applications. Among the commonly used properties of the Navigator object are: cookieEnabled: This property evaluates to true if cookies are enabled within the browser. geolocation: It points to the Geolocation object, which enables utilization of the Geolocation API for location-based functionalities....

The Next.js App Bundles

In a Next.js app, the code is divided into different bundles to enhance performance. These bundles are loaded as JavaScript files when you view the page source of the app. To break down the code and make it more understandable, let’s use an HTML formatter: <!DOCTYPE html> <html> <head> <meta charSet="utf-8" /> <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" /> <meta name="next-head-count" content="2" /> <link rel="preload" href="/_next/static/development/pages/index.js?ts=1572863116051" as="script" /> <link rel="preload" href="/_next/static/development/pages/_app.js?ts=1572863116051" as="script" /> <link rel="preload" href="/_next/static/runtime/webpack....

The Node Core Modules: A Comprehensive Overview

Node.js, a popular runtime environment for executing JavaScript code on the server-side, comes with a rich set of core modules. These modules are included in the Node.js installation and provide essential functionalities for building efficient and scalable applications. In this article, we will explore each of these core modules and their key features. Core Modules Provided by Node.js Node.js provides the following core modules: assert: This module offers a set of assertion functions that are useful for testing and validating code....

The Node Event Emitter: Working with Custom Events in Node

If you have experience working with JavaScript in the browser, you know how important events are for handling user interactions such as mouse clicks, keyboard button presses, and mouse movements. On the backend side, Node provides us with the events module to build a similar event system. The events module includes the EventEmitter class, which we can use to handle our custom events. To use it, simply initialize an EventEmitter object:...

The Node events module

The events module of Node.js provides the EventEmitter class. The events module provides us with the EventEmitter class, which is essential for working with events in Node. I have written a detailed article on this topic, which you can find here. In this blog, I will describe the API without providing further examples on how to use it. const EventEmitter = require('events') const door = new EventEmitter() The EventEmitter class uses the following events internally:...