atapasTag
#web-development
JavaScript Explained From Scratch: How the Web Becomes Interactive
If you’ve ever wondered how buttons become clickable, how animations react to user actions, or how websites feel alive, JavaScript is the an…
Explain React 18 useTransition Hook with Examples
React 18 has changed how developers design and write ReactJS code. Including the Concurrency model and many other new hooks help tackle nich…
How to create an EyeDropper tool using JavaScript?
JavaScript Web APIs are powerful. It provides tons of utility in the form of APIs and methods for web developers. Recently I learned about t…
The story of the custom scrollbar using CSS
A scrollbar is helpful and evident when a web page's content overflows beyond the visible areas. The look and feel of a scrollbar depend on …
Introducing ReactPlay - Learn, Create, Share ReactJS projects
If I tell you React(aka ReactJS) is one of the leading user interface technology(ok, library) in web development, would you believe it? Most…
How to copy to clipboard in JavaScript?
Copy-Paste is a fundamental need in application usage. Our users need this feature in the applications and websites as much as we developers…
Web Security Attacks You Must Know – Part 2
Originally Published on Bugfender The world is a digital place today. We fulfill most of our work, social, and family tasks virtually, usin…
Introducing WebAPIs Playground - An app to play and learn Web APIs
An API(Application Programming Interface) abstracts many complexities from developers. Without APIs, a developer's life will be miserable wi…
Web security attacks you must know - Part 1
Originally Published on Bugfender As developers, we know the pitfalls of the internet - the gateways that malicious actors can exploit to s…
10 online code editors for web developers
Originally Published on Bugfender A code editor gives developers an environment to write code using a specific programming language. While …
Understanding the Picture-in-Picture web API with examples
Picture-in-Picture is a feature supported by some smart televisions, devices to show the content(like videos) on a floating window(on the to…
A practical guide to web app performance debugging
Originally published at Bugfender It's now more than 30 years since the first website was born. Its purpose, you ask? To provide informatio…
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 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…
10 useful HTML file upload tips for web developers
Introduction The ability to upload files is a key requirement for many web and mobile applications. From uploading your photo on social medi…
What exactly is JavaScript Tagged Template Literal?
Before ES6(ECMAScript 2015), we have used single quotes('...') and double quotes("...") to wrap string literals. A simple example is, var ms…
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 build a serverless app with Gatsby, Netlify and FaunaDB - Part 1
Introduction Welcome to a brand new series called, Go Serverless. Unlike the previous series, this is going to be a short one and fully focu…
A Notification Timeline using React
Introduction It's been a while I have done much with React. When I was trying it out with simple state management, in-built hooks, basic sty…
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…