atapasTag
#beginner
Exploring HTML <dialog> element with examples
The dialog(widely known as a modal dialog) is a popup box on a web page. A dialog is also called a modal dialog when it obscures the rest o…
Why do you need to do Side Projects as A Developer?
The Side Project Most of us as Software Developers have something called the main job that we do to earn money, run the family, take care of…
JavaScript undefined and null: Let's talk about it one last time!
In JavaScript, undefined and null are very different from each other. However, there are only a few similarities that may confuse a beginner…
How to use JavaScript scheduling methods with React hooks
At times, you may want to execute a function at a certain time later or at a specified interval. This phenomenon is called, scheduling a fun…
Why do you need to know about Array-like Objects?
Have you ever encountered an error like this while dealing with JavaScript Arrays? Uncaught TypeError: children.forEach is not a function …
How to log user activities using the Beacon Web API?
The Beacon API is a relatively unknown, lightweight, and efficient way to log web page activities to a server. It is a JavaScript API that h…
I made a photo gallery with CSS animation. Here’s what I learned.
The vanilla CSS(without any external JavaScript and CSS libraries) allows animation of HTML elements using CSS properties. This is very powe…
5 useful tips about the JavaScript array sort method
JavaScript arrays are an ordered collection that can hold data of any type. Arrays are created with square brackets [...] and allow duplicat…
Everything you need to know about JavaScript Set
JavaScript objects and arrays are the most used data structures act as collections of data. Until ES6 there were limited options with develo…
How to use JavaScript Collection with Map
Introduction Unlike many other programming languages, JavaScript's way of handling data collection is mostly with objects and arrays(don't f…
Explain Me Like I am Five: What are ES6 Symbols?
Introduction Symbol is a primitive type(not an object) included in the ECMAScript 2015(aka, ES6). We are already familiar with the existing …
10 useful HTML5 features, you may not be using
HTML5 is not a new thing. We have been using several features of it since the initial release(January 2008). As part of #100DaysOfCode initi…
JavaScript: Equality comparison with ==, === and Object.is
#100DaysOfCode is a great engagement to refresh some of the concepts that are basic, but extremely important. Today, I spent time on refres…
10 useful NPM packages you should be aware of (2020 edition)
The great thing about living in this era as a web developer is, you have got plenty of supports from developer communities around. One of th…
Understanding Dynamic imports, Lazy and Suspense using React Hooks
An exciting journey It has been an exciting journey so far with the #2articles1week challenge from HashNode. So much of learning from readin…
My Favorite JavaScript Tips and Tricks
Motivation Most of the programming languages are open enough to allow programmers to do things multiple ways for a similar outcome. JavaScri…
Understanding JavaScript Closure with example
Joy of getting to the end All's well that ends well. Welcome to the last post of the series JavaScript: Cracking the Nuts. I want to thank…
Where to begin? Some practical tips from a beginner
The Expert in anything was once a Beginner. Background Recently I had a chance to respond to the HashNode discussion thread asking, Where …
JavaScript Scope Fundamentals with Tom and Jerry
Introduction Welcome to another post of the series, JavaScript: Cracking the Nuts. This series is all about visiting JavaScript fundamental …