Javascript

Javascript posts, videos, courses, and more

Abhiraj Bhowmick · 4 days ago

How to use ChakraUI with NextJS?

Hello, my fellow readers! It's been a long time, am I right? Well, I apologise for not being able to create content for you, mainly due to my board examinations. It's never easy to design a...
1

Tapas Adhikary · 1 week ago

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 of you will. For the rest of you, let me put forw...
6

Arnab Roy Chowdhury · 1 week ago

Best 9 JavaScript Testing Frameworks

We are progressing towards an era of automation. Every company, be a startup or a large-scale enterprise, they are all striving to incorporate automation testing in their release cycles as e...
3

Anish De · 1 week ago

Make a beautiful Connect Wallet Button with RainbowKit and React

Authentication in Web3 is extremely easy but supporting all the wallets and making a nice UI can be painful and time-consuming. Thankfully, there are many libraries which makes this extremel...
1

Bobby Iliev · 1 week ago

Using Deno and Materialize to send notifications in real-time

Introduction This is a self-contained example of a real-time notification app with Deno, Materialize and Discord. Deno is a simple and secure runtime for JavaScript and TypeScript that uses...
6

Karthikeyan · 1 week ago

Javascript shorts : null and undefined

Hello everyone, In this blog we will be seeing about the javascript’s two famous primitives null and undefined. What is null ? primitive value that represents the intentional absence of any...
5

Dhairya Shah · 3 weeks ago

How to make responsive font size in CSS?

We usually talk about the Responsive design and images on the web. Have you are thought of making fonts, the core part of the website responsive? Don't worry if you haven't, in this article...
3

Anish De · 3 weeks ago

Making a blog with Directus, MDX, and Next.js On-Demand ISR

There are many Headless CMSs out there and many other tools that let us make a blog easily and quickly. Today we look at building a blog with Directus and Next.js. We will use MDX to store o...
4

Arnab Roy Chowdhury · 3 weeks ago

13 JavaScript Testing Best Practices You Should Know

JavaScript allows complete freedom when it comes to developing web applications.Period! Using JavaScript provides enhanced functionality to your site and helps you adopt the latest web desig...
1

TechvBlogs · 1 month ago

How to access the laravel .env variables inside javascript

What is .env? Its environment variables file. In simple terms, it is a variable text file. In this file we set a variable with a value that you wouldn't want to share with anyone, the purpos...
2

Karthikeyan · 1 month ago

Getting Started with Index signatures

In this blog post we will be learning about a concept in typescript - Index signatures. What is Index Signatures : Index signature is used to represent the type of object/dictionary when the...
3

Dhairya Shah · 1 month ago

How to disable right-click on your website?

Disabling right-click on websites provides basic security so that people don't save images and copy links and text. Today, in this article I will show you how you can also disable right-clic...
3

Damian Demasi · 1 month ago

Problem-solving techniques to avoid yelling at your computer

I have been facing some tough code monsters at work lately. I guess I'm out of shape and my sword isn't sharp enough, because I find myself struggling greatly. This is the reason I decided t...
2

Dhairya Shah · 1 month ago

How to make a custom text selection color?

Introduction So are you sick of the default text selection color? I am, so today we're going to override the default color with one that's a lot more attractive. It will be readily apparent...
4

Teri Eyenike · 1 month ago

Data Visualization Using Chart.js and Gatsby

Data visualization is a way of presenting large unorganized datasets in an organized and valuable way. Data representation can take on many different forms like charts -  bar, pie, doughnut,...
5

Dhairya Shah · 1 month ago

CSS Box shadow v/s Drop shadow

Shadows are a critical function in the world of web design and can serve a number of useful functions. Shadows add depth, dimensionality, and direction to your content. There are two propert...
4

Dhairya Shah · 1 month ago

How to set the HTML lang attribute in Next.js?

What is HTML lang Attribute? The HTML lang attribute is used to identify the language of the content on the web and, when you've got an international audience say for example Spanish and Eng...
3

Tapas Adhikary · 2 months ago

React useEffect Hook usages you must know

React is a JavaScript-based user interface library. React components are isolated reusable pieces of code logic with their own UI. Multiple components come together to create a meaningful wo...
2

Dhairya Shah · 2 months ago

How to make a beautiful gradient scroll bar with CSS

Introduction In this article, we will explain how to make a custom scrollbar in CSS. Custom scrollbar using CSS is a very useful and important thing for a website. It makes the website more...
5

Sachin Chaurasiya · 2 months ago

5 Best practices for ReactJs

Howdy people, In this article we will be discussing the 5 best ReactJs practices that will help you simplify the building of great and high-performance applications. Use Fragment We know Rea...
5

Diogo Capela · 2 months ago

Adding fallback images onto your React projects

If you are developing a web application, then there are a lot of things to consider. One important aspect is the images that are used, for aesthetic purposes or various other reasons (e.g. i...
3

guild.so · 2 months ago

Steps to create your own Solana token 💰

Introduction In this step by step tutorial we are going to use the The Solana Program Library (SPL) to create our very own Solana token. The steps from this tutorial can be used with the Gui...
2

Dhairya Shah · 2 months ago

Let's make a Sponsor page with Next JS and Stripe

Today, let's build a sponsor page with Next JS and Stripe. Wish you all the best 🙌 Introduction Next JS - Next.js is an open-source web development framework built on top of Node.js enabling...
2

Dhairya Shah · 2 months ago

Do you know history.back() in JavaScript?

So, we all surf the internet to watch YouTube videos and Stackoverflow and many more. And we usually click "←" this button to go back to the previous website. Do you know? You ca...
3

Baransel · 2 months ago

How to add an event listener to multiple elements in JavaScript

Sign up to my newsletter!. In JavaScript you add an event listener to a single element using this syntax: document.querySelector('.my-element').addEventListener('click', event => { //...
2

Dhairya Shah · 2 months ago

Let's make a sticky navbar in both Vanilla & Tailwind CSS

Many of us have noticed, a sticky navigation bar on many websites including this blog... Here in the GIF, as you can see Navbar is fixed to the top of the page. The only purpose of keeping...
5

Dhairya Shah · 2 months ago

It's 2022, don't use the console.log(😎)

We as Javascript developers usually console.log() stuffs to test the output or just for fun. Even, I can bet that our (include me ✌️) first code was "Hello world" logged in the con...
3

Rahul · 2 months ago

portals in React | shorts

Portals are provided by ReactDOM and it is a way of rendering children into a DM node that exists outside the DOM hierarchy of the parent. To simplify, we can render an element into a div ev...
1

GeekTech · 2 months ago

5 packages to level up your React code

Howdy Geeks! 👋 As a React developer, your work is to build high-quality JavaScript code. Programming is a difficult task. Indeed, you are expected to produce high-quality code while also ens...
2

Rahul · 2 months ago

some() method explained

The some() method tests whether at least one of the elements in the array passes the test implemented by the provided function. The result of the some() method is a boolean. Let's see the sy...
4

Loading More Content