Js

Js posts, videos, courses, and more

Supernova3339 · 10 months ago

The Importance of a CSS Preloader and How to Implement One

In today's fast-paced world, online users have come to expect quick and seamless interactions with websites and applications. Slow loading times, while common, can leave users feeling frustr...
4

Rahul · 11 months ago

"npm start Not Working"? Here's What You Need to Do

Have you ever run into a problem when trying to run “npm start”? If so, you’re certainly not the only one. It can be incredibly frustrating when the command you think will execute your node...
1

Rahul · 1 year ago

Getting Started with JavaScript Optional Chaining

Are you writing code that needs to quickly access properties or invoke methods of an object—without worrying if the object or related data is null or undefined? If so, then you need optional...

Rahul · 1 year ago

What is Javascript Slice? Practical examples and guide

If you're new to coding, the term 'slice method' may be daunting. Put simply, the slice method is a powerful JavaScript tool that lets you extract sections of an array or string. It's one of...

Rahul · 1 year ago

React UseEffect Hook: A Definitive Guide for Beginners

The useEffect hook is one of the most important hooks of React. It allows you to perform effects in a declarative way, instead of using imperative code inside React components. It offers a s...

Rahul · 1 year ago

Learn how to parse URLs in JavaScript in 2023

Have you ever wanted to understand how URLs work in JavaScript? If so, then you've come to the right place! In this article, we'll be diving deep into the topic of URL parsing in JavaScript...
3

Rahul · 1 year ago

5 ways to merge arrays in JavaScript (easy)

If you’re coding in JavaScript, chances are you’ve come across the need to merge two or more arrays. And while there's no one-size-fits-all approach to combining arrays, there are a few diff...
3

amenaisabuwala · 1 year ago

Let's make JavaScript logo with HTML and CSS! 💛

Heyy Smarties! 😎 How are you all doing? Hope you all are doing well! Today we are gonna make a JS logo with HTML and CSS it's gonna be fun! 🥳 And when you'll make it you need to post on T...
2

Dhairya Shah · 2 years 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

Rahul · 2 years ago

what is webpack | shorts

Webpack is a static module bundler for modern JavaScript applications. It creates a dependency graph to map every module the project needs and generated one or more bundles. The core concept...
2

Rahul · 2 years 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

Dhairya Shah · 2 years ago

View list of GitHub commits within the specified date range

Hello Folks 👋 What's up friends, this is SnowBit here. I am a young passionate and self-taught frontend web developer and have an intention to become a successful developer. Have you ever n...
2

Dhairya Shah · 2 years ago

Flipping Card in CSS

Hello Folks 👋 What's up friends, this is SnowBit here. I am a young passionate and self-taught frontend web developer and have an intention to become a successful developer. Today, I am her...
4

Dhairya Shah · 2 years ago

How can you implement the sleep() function in Javascript?

Hello Folks 👋 What's up friends, this is SnowBit here. I am a young passionate and self-taught frontend web developer and have an intention to become a successful developer. Today, I am her...
1

Dhairya Shah · 2 years ago

This is how you make numbers more readable in your JS code

Hello Folks 👋 What's up friends, this is SnowBit here. I am a young passionate and self-taught frontend web developer and have an intention to become a successful developer. Today, I am her...
2

Rahul · 2 years ago

VS Code Extensions to increase productivity and time-saver hacks for developers

How can developers be extra productive? You’re a developer or you manage a team of developers, higher productivity can get you extra things done through constant resources in a very small-ti...
7

Dhairya Shah · 2 years ago

What are Template Literals and why you should use them?

Hello Folks 👋 What's up friends, this is SnowBit here. I am a young passionate and self-taught frontend web developer and have an intention to become a successful developer. In this article...
3

Rahul · 2 years ago

HTML in OR(operation room)

HTML isn't covered as frequently as different dialects however everybody appeared to truly partake in the couple of posts I have on it so I chose to make another. The main thing to know is t...
2

Rahul · 2 years ago

list and keys - react shorts

In JavaScript, if you want to create a new array from an available array by converting each element of the original array to create the corresponding element of the new array, you can use...
2

Arpit Soni · 2 years ago

GitHub Repos to become better JavaScript Developer ⭐

Yeah, JavaScript is cool right. Here some GitHub Repos that help you to become better JavaScript developer. 1. Airbnb JavaScript Style Guide GitHub Repo 2. The Algorithms JavaScript GitHub R...
4

Tony Lea · 2 years ago

Introduction to Javascript Proxy

What is a Javascript Proxy? Glad you asked because in this quick tutorial I'm going to teach you what they are and how to use them. But first, a quick definition. A Javascript Proxy is simpl...
3

Rahul · 2 years ago

tail recursive function - shorts

A recursive function is a function that calls itself until it doesn't stop. This technique is called recursion. Here, function factorial is called in a loop like procedure. Initially, it inv...
3

Rahul · 2 years ago

Decorators and Object creation pattern in JS

Object creation mechanisms increase the flexibility and reuse of existing code. Here in this post, we will see the Object Creation Pattern in JavaScript. Some patterns to create an object a...
3

Avneesh Agarwal · 2 years ago

Next SEO: A better way to Manage SEO for Next.js 🔍

The Next.js head tags are a good way to add the meta tags, title, description, open graph image, etc. but you might not remember all the meta tags and it can also look messy, so we are going...
6

Avneesh Agarwal · 2 years ago

How to Build a Todo app with Svelte!

Demo {% loom 99032ab2d14844cfb0962e0e71ed3891 %} Setup Create app npx degit sveltejs/template svelte-todo-app cd into the folder- cd svelte-todo-app Install dependencies npm install # npm...
3

Avneesh Agarwal · 2 years ago

How to add Twitter auth quickly with Supabase to your Next.js site ⚡

🙋‍♂️Hey there, today we are going to see how to add Twitter auth with Supabase in a Next.js app. Let's get started What we are going to build {% loom d35e0765cd7d4a77a33e82bb1634cfa7 %} Li...
3

Anish De · 2 years ago

Make a toast with HTML, CSS, and JS

Introduction Toasts are very useful for showing users some information. It has a wide variety of uses from displaying success messages for successful actions, showing error messages in case...
4

Savio Martin · 2 years ago

20 Killer JavaScript One Liners ☝️

Hello Folks 👋 This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend tec...
9

Marc Garcia · 2 years ago

Quick use of Tooltips with Tippy.js

Hey there. Here is a quick tutorial to easily create tooltips using Tippy.js. Add the main cdn to your scripts section: <script src="https://unpkg.com/@popperjs/core@2"</scri...
5

Shreya · 2 years ago

70+ Resources To Learn JavaScript as an Absolute Beginner

Hi!, today in this blog we'll be discussing some great free resources to learn JavaScript right from the scratch. So, are you excited? Let's go then! 🚀 So first things first, are you a per...
11

Loading More Content