20 posts found for the tag #codenewbies

Exploring Advanced JavaScript Features: A Deep Dive into ECMAScript 2023 Updates

Posted on September 23, 2024

ECMAScript, also known as the backbone of JavaScript, has come a long way since its birth at Netscape in 1995. Within two years, it was standardized as ECMAScript 1. It only took ECMAScript 4 years to reach its third generation. By 1999, it had gaine...

Why the with() method of JavaScript Array is a gem?

Posted on July 8, 2024

JavaScript array methods offer plenty to web developers already. The methods like map(), reduce(), filter() , some(), every(), and many more have helped build our JavaScript muscles for better logic and algorithms. The with() method is a relatively n...

What is Authentication and Authorization - Explain like I am five

Posted on March 20, 2024

Full-stack development is not just about making the front end talk to the back end, and vice-versa. You need to keep additional peripherals in mind to put yourself in the shoes of a full-stack developer. A full-stack developer should be equipped with...

How to upload and preview images in ReactJS?

Posted on March 9, 2024

Uploading and previewing images are fundamental requirements in any modern user-centric application. Be it Facebook, Instagram, WhatsApp, Twitter, LinkedIn, whatever you name, you have it there. In this article, we will learn how to handle image uplo...

How to navigate between routes in Next.js?

Posted on December 8, 2023

Next.js App router enables us to create file-system-based routing where the top-level app/ folder acts as the root route(/), and a special page.js file under it acts as the page for that route segment. Often, we would like to go from one page to anot...

10 Git stash commands every developer should know

Posted on November 29, 2023

Developers are agile. Their work environments are also rapid and fast-moving to keep them on their toes most of the time. I can imagine a situation like this would be quite normal at your workplace: You are working on a feature and, in between, makin...

The Definitive Guide to Date and Time in JavaScript

Posted on November 17, 2023

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

Posted on November 2, 2023

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?

Posted on October 30, 2023

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...

PWA: Bridging the Gap Between Web and Mobile Development

Posted on July 4, 2023

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

Posted on April 12, 2023

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?

Posted on March 27, 2023

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?

Posted on March 22, 2023

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

Posted on February 10, 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...

5 Twitter Threads to teach you about Technical Blogging

Posted on January 23, 2023

Technical writing or blogging is a developer's journey to share their knowledge and wisdom with many other developers seeking it. As a blogger, I struggled to find the right track and motivation to continue doing it. So, yet another article on bloggi...

Why developers must start blogging and how to start?

Posted on June 28, 2022

Developers are lifelong learners. We create, learn, gain experience, and continue creating something new. Learning and applying the knowledge from it is an essential need for us. Design, Code, Test, and Deploy are a developer's mainstream work. Howev...

The story of the custom scrollbar using CSS

Posted on May 26, 2022

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 the browser's implementation. A scrollbar's look differs from Google Chrome to Firefox to Safari. In most case...

How to copy to clipboard in JavaScript?

Posted on May 2, 2022

Copy-Paste is a fundamental need in application usage. Our users need this feature in the applications and websites as much as we developers need it while programming 😉. In this article, we will learn the JavaScript APIs available to help with copy-...

How to parse JSON in JavaScript

Posted on April 21, 2022

What is JSON? JSON, also known as JavaScript Object Notation, is a text-based data exchange format. It is a collection of key-value pairs with a few rules to keep in mind, The key must be a string type and enclosed in double-quotes. The value can be...

How to split a string in JavaScript

Posted on April 18, 2022

JavaScript strings are sequences of characters enclosed in single('') or double quotes(""). We can create a string as a primitive using the string literal or as an object using the String() constructor. String using a string literal, const greeting =...