AstroNode
The Definitive Guide to Date and Time in JavaScript
Introduction There are now nearly 9 million apps worldwide, and practically all of them run on an internal clock. Financial apps are built on timestamped data. Office apps run on calendars. Social apps are defined by their feeds, timelines and annive...
The best way to pad a string in JavaScript
Padding a string means filling up a string with another character sequence or string. For example, you have written a function to the time formatted in hh:mm:ss format. function getTime() { const hour = new Date().getHours(); const min = new Dat...
Why use default parameters in JavaScript functions?
Function in programming is a block of code that performs a specified task. You define them once and can call them(using a name in most cases) wherever you want to perform that task. JavaScript is no different. In JavaScript, one of the popular ways t...
The best way to get the month name from a date in JavaScript
JavaScript Date object provides many helpful methods for dealing with date and time. The list is so vast that it is sometimes hard for developers to track which method provides what value. Also, it is a bit tricky to retrieve a few information straig...
Create an e-learning platform using caisy and next.js app router
Developers learn better when they build or create something out of their learnings. We need to put our learnings into practice and try problem-solving. When we attempt to learn multiple technologies together or try out a tech stack, it makes sense to...
Understanding Next.js Server Actions With Examples
Next.js is a React-based framework for building performant, optimized, and scalable full-stack applications. As React developers, we create components, manage state, and handle data communications between them. Then Next.js comes on top of it to prov...
PWA: Bridging the Gap Between Web and Mobile Development
Not even Tim Berners-Lee, the inventor of the world wide web, could have predicted the pace or breadth of its expansion over the last 30 years. Once, the web was only accessible via clunky desktop computers. Today it can be reached from laptops, tabl...
Advanced JavaScript Console Logging for Developers
The flood of software innovation over the past 20 years would not have been possible without agile working. The concept of releasing fast, taking feedback, and building back better has birthed the iPhone, social networks and the Cloud. The world woul...
How to Create a Self-Clicking Button with ReactJS?
What is a Self-Clicking Button? HTML has a <button> tag to create a clickable button element. You can attach an event handler to it to define an action to perform when users click on the button. <button onclick="handleClick()">Click me</button> A se...
What do you need to know to become proficient in JavaScript?
JavaScript is everywhere! It's the web browser's language and helps you create web, mobile, and desktop applications. Today, JavaScript is not limited to the client side alone; it is equally popular as the base of server-side frameworks like Node.js ...
Future-Proof Your Code: Top JavaScript Frameworks to Watch in 2023
The internet was written in JavaScript. This versatile programming language is supported by all major web browsers and has been used to create over 1.8 billion websites, which amounts to 98% of the world’s total (that figure will probably have jumped...
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 the EyeDropper API, which is experimental at this time(of writing this post) but already shows great potential ...