When I started out in programming field I always wanted to make a positive difference in society using programming. Although I excelled a lot in my career, that goal had taken a backseat for quite sometime. Still I wanted to do something, some work which would benefit society in someway…

Frontend development continues to evolve, and staying ahead of the curve is crucial for success. As we step into 2023, there are three essential things every frontend developer should know to level up their skills. In this article, we will explore the power of TypeScript and state management libraries, and…

CSS Grid has revolutionized the way we create layouts on the web, providing a powerful and flexible system for designing complex and responsive interfaces. In this article, we will dive deep into CSS Grid, exploring advanced techniques that will elevate your front-end development skills. We will cover various grid properties…

In the world of frontend development, using the right tools can make a significant difference in productivity, efficiency, and code quality. In this article, we will explore the top 10 frontend development tools that every developer should be familiar with. These tools cover a range of areas, from code editing…

To run N asynchronous tasks in series using JavaScript, we can make use of `async/await` and a loop. Here’s an example program that demonstrates how to achieve this: async function runTasksInSeries(tasks) { for (let task of tasks) { await task(); } } // Example asynchronous tasks function asyncTask1()…

Let’s understand solution to a popular interview question which is to implement polyfill for debounce in JavaScript. If you need to use a debounce function in JavaScript and your environment doesn't support it natively, you can create a polyfill to replicate its behavior. …

To deep flatten an object in JavaScript and return the result as an object, we need to iterate through the object’s properties, create new properties with flattened values, and merge the resulting objects using the spread operator. Here’s an example of flattening Javascript Object: const obj = { a: 1…

In JavaScript, the call stack is a data structure that is used to keep track of function calls. Whenever a function is called, a new frame is pushed onto the top of the call stack. …

Since childhood, I have been interested in playing video games. So I thought of asking ChatGPT to build GTA5 as a joke. Instead, I ended up learning about how companies like Rockstar Games manage to build such massive games. …