Join 37,053 other Developers as we Learn, Build, and Grow Together.

Connect with fellow developers and gain access to tools that will help you build a profitable SaaS πŸš€

Sign Up

Javascript

Javascript posts, videos, courses, and more

Generate a Realtime GitHub Contribution Chart

Generate a Realtime GitHub Contribution Chart

In this tutorial we will learn how to generate a realtime GitHub contribution chart using puppeteer and update it realtime in your twitter banner. We can build samazing dynamic realtime updated images, with the help of Node JS and puppeteer. Introduction We usually tend to like dynamically generated content more, it has a bit m...

Rohith Gilla

6 hours ago

Select One:
Introducing WebAPIs Playground - An app to play and learn Web APIs

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 with no proper access to data and knowing unnecessary low-level details. There are many Web APIs available to carry out complex tasks like interacting with hardware, creating graphics, manipul...

Tapas Adhikary

13 hours ago

Select One:
Setting Alpine Data Outside of the Component

Setting Alpine Data Outside of the Component

Using the new AlpineJS event system in version 3.0 we can easily set data from outside the component by using custom events. I had previously written an article where I showed you how to get and set data outside of the AlpineJS component scope using the .__x property; however, this is only accessible in version 2 so I wanted to...

Tony Lea

2 days ago

5
Select One:
React Hooks Cheatsheet

React Hooks Cheatsheet

React hooks are great additions to React which has completely changed how we write code. Hooks were introduced in React starting with version 16.8.0. Before React hooks, there was no way of using state and lifecycle methods in functional components, and that’s why the functional components were called Stateless Functional Compon...

Yogesh Chavan

4 days ago

4
Select One:
State and React router - Shorts

State and React router - Shorts

React Router is the standard routing library for React. It has a simple API with all the powerful features like lazy code loading, dynamic route matching and location transition handling built-in. It allows us to create a multi-page feel in a single page application. Let's see an example to understand the basic usage of React ro...

Rahul

4 days ago

3
Select One:
Decorators and Object creation pattern in JavaScript

Decorators and Object creation pattern in JavaScript

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 are: Factory pattern Constructor pattern Prototype pattern Constructor / Prototype pattern Factory Pattern The factory pattern uses a func...

Rahul

5 days ago

3
Select One:
An Introduction to RxJS - Shorts

An Introduction to RxJS - Shorts

RxJS (Reactive Extensions for JavaScript) is a library for receptive programming utilizing observables that makes it simpler to make nonconcurrent or callback-based code. There is a lot to it, this post is the only introduction to RxJS. Creating applications with RxJS would enjoy many benefits and it would give you extraordinary...

Rahul

1 week ago

2
Select One:
Pro Tips to Search on Google πŸ”₯

Pro Tips to Search on Google πŸ”₯

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 technologies. Today, I'd like to share 11 pro tips to search google!! πŸš€ Why Googling is Must Have Skill? Googling is the most important skill...

Savio Martin

1 week ago

5
Select One:
5 ways to merge arrays in JavaScript and their differences

5 ways to merge arrays in JavaScript and their differences

An array is a collection of elements or items. We use arrays to store data as elements and retrieve them back when we need them. The array is a data structure widely used in many programming languages, and JavaScript is not an exception. You may need to merge one or more arrays to combine all the elements from the individual arr...

Tapas Adhikary

1 week ago

4
Select One:
Modern JavaScript – Imports, Exports, Let, Const, and Promises in ES6+

Modern JavaScript – Imports, Exports, Let, Const, and Promises in ES6+

Over the past few years, there have been many updates to the JavaScript language. And these updates are very useful if you want to improve your coding. ​Keeping abreast of the newest developments in the language is really important. It can help you get a higher paying job, keep up to date with the latest trends, improve your cod...

Yogesh Chavan

1 week ago

3
Select One:
React.Fragments in React - Shorts

React.Fragments in React - Shorts

⁣⁣⁣⁣When working with React, there are times when you'll need to pass around gatherings of React components. ⁣⁣ And keeping in mind that it used to be that doing as such expected you to add futile holder parts or befuddling arrays.⁣⁣ Respond settled this by presenting Fragments β€” a basic way of collecting components without addi...

Rahul

1 week ago

3
Select One:
Importance of JavaScript Exec Method In JavaScript

Importance of JavaScript Exec Method In JavaScript

Regular expressions are great for finding patterns in a string for a particular match. They help us to convert complex logic into short and easy-to-understand code. Today we will see one such great method for pattern matching in JavaScript which is the exec method. We will also see some code examples where exec is really helpful...

Yogesh Chavan

1 week ago

4
Select One:
Integrate Auth0 with React JS - A step by step tutorial

Integrate Auth0 with React JS - A step by step tutorial

Auth0 is a drag-and-drag solution for integrating authentication and authorisation into your apps.In this article, we will take a look on how to integrate auth0 into a react app Creating a react app The first step is to create a simple react app which you can do just by running the command below in your terminal. npx create-reac...

Suhail Kakar

1 week ago

7
Select One:
globalThis in JavaScript - Shorts

globalThis in JavaScript - Shorts

The javascript languages are increasingly used in a wide variety of environments. In addition to the web browsers which is the most common type of host environment for JavaScript programs in server, smartphones, and even robotic hardware. Each environment has its object model and provides a different syntax to access the global...

Rahul

1 week ago

4
Select One:
How To Solve Gee Captcha in Python Using 2Captcha

How To Solve Gee Captcha in Python Using 2Captcha

Everybody knows captchas as those annoying things like "Enter the letters you see on the image" when registering or providing feedback. CAPTCHA is designed to make humans capable of reading the text without difficulty, while machines cannot. On the contrary, in practice this rarely works, as almost every simple text ca...
6
Select One:
An Ultimate Guide to Docker - From What is Docker to Dockerizing a Node.js Application

An Ultimate Guide to Docker - From What is Docker to Dockerizing a Node.js Application

Docker is an open-source platform that allows us to create, deploy, and manage containerized applications. In this article, we will look at What is Docker Benefits of Using Docker Performance Scalability Rapid Deployment CI Efficiency Docker Facts Installation of docker Mac Linux Dockerizing a node.js a...

Suhail Kakar

2 weeks ago

4
Select One:
How to Easily Add Google Map to Your Webpage

How to Easily Add Google Map to Your Webpage

On most of the company websites, you will find locations or contacts page that displays that company location in that country or state in a google map along with the company address. This is a pretty common requirement even for food or hotel business-related websites. So in this article, we will see how to add a google map with...

Yogesh Chavan

2 weeks ago

5
Select One:
Getting Started with Three JS

Getting Started with Three JS

ThreeJS is one of the most popular libraries for displaying 3D content on a webpage. You can see a lot of examples of the cool stuff you can create, by checking out their homepage. In this quick tutorial, I'll show you how to get started using and loading 3D content on your website. The best way to learn is to just jump into the...

Tony Lea

2 weeks ago

6
Select One:
Speed Up Your Coding Using Emmet - A Really Powerful Tool

Speed Up Your Coding Using Emmet - A Really Powerful Tool

In this article, we will explore all about Emmet. A very popular and highly useful tool that is built into almost every IDE out there like Visual Studio Code, Sublime Text etc. If you're using Codepen, then you might be happy to know that Emmet is also available in CodePen. So you can type abbreviations to generate code in Code...

Yogesh Chavan

2 weeks ago

4
Select One:
Quick Guide to Closures In Javascript

Quick Guide to Closures In Javascript

In this blog, I will be explaining one of the important features of JS which is Closures and why we need them. So let's dive in. Closures? Understanding Closure will help in understanding the other concepts in JS, like Higher-order functions and currying. Generally, Higher-order functions do either of these two Allows the func...

Karthikeyan

2 weeks ago

5
Select One:
Basics of HTML and Everything you Need to Know about it

Basics of HTML and Everything you Need to Know about it

HTML is the markup language used for structuring and presenting content on the World Wide Web. Together with CSS and JavaScript, it enables us to have beautiful and interactive websites. Since HTML is the foundation of the web, it is also the most essential language for any web development career path. In this article, I’ll teac...
7
Select One:
Classes in JavaScript | Short yet smart guide

Classes in JavaScript | Short yet smart guide

Classes were introduced in JavaScript ECMA2015. Unlike the classes in Object-Oriented Mode, JavaScript classes are just special type of functions. But instead of using the "function" keyword we use the "class". It was introduced in JavaScript to make the syntax look like other object-oriented languages (java,...

Rahul

3 weeks ago

5
Select One:
Best Way to Format And Manipulate Numbers In JavaScript

Best Way to Format And Manipulate Numbers In JavaScript

Today we will see a very popular and easy-to-use library that allows us to convert and manipulate numbers. Many times we need to display numbers like 1400 to 1.4k, 1000000 to 1M which may be numbers of views, likes or comments. Sometimes we need to add commas in long numbers to easily understand it. It's very difficult to handle...

Yogesh Chavan

3 weeks ago

4
Select One:
A Beginner's Guide To Solidity - Blockchain Development

A Beginner's Guide To Solidity - Blockchain Development

Solidity is an object-oriented, high-level programming language for creating smart contracts on the blockchain that automate transactions. The language was created by participants to the Ethereum project when it was proposed in 2014. This language is mostly used to make smart contracts on the Ethereum blockchain. According to it...

Suhail Kakar

3 weeks ago

6
Select One:
How to add Dribble social login to your React Application using Auth0

How to add Dribble social login to your React Application using Auth0

Outline: 1. Introduction. 2. Auth0 Setup. 3. Connecting React with Auth0. 4. Rendering dribble profile. 5. Conclusion. Introduction: In this blog post, we will see how to add dribble social connection using Auth0 to our React application. Auth0 Setup: Create your Auth0 account if you have not created yet and head over to ma...

Karthikeyan

3 weeks ago

3
Select One:
How To Easily Understand Any Regular Expression In The World

How To Easily Understand Any Regular Expression In The World

Today we will see how can we easily understand any JavaScript regular expression or write your own regular expression easily. To do this, navigate to this website. The UI looks like this: Consider, we want to check if the input contains digits so we will add the \d in the regular expression search box section and the input for...

Yogesh Chavan

3 weeks ago

4
Select One:
JavaScript Promises - All you need to know about

JavaScript Promises - All you need to know about

Before diving in, you should have a bare understanding of what is asynchronous programming. For more on that, check out this series. Let's look at how to use a promise: MakeRequest is our function which returns a promise. This promise has some method like .then(a, b) which accepts 2 functions as arguments. The first function is...

Rahul

3 weeks ago

6
Select One:
The complete guide to Object Destructuring in JavaScript

The complete guide to Object Destructuring in JavaScript

Destructuring just methods separating an intricate construction into easier parts. With the destructuring punctuation, we can separate more modest parts from arrays and objects. The destructuring syntax can be utilized for variable declaration or variable assignment. Syntax:- const dev = { firstName = "Rahul",...

Rahul

3 weeks ago

3
Select One:
The Ultimate Guide to Web 3.0 -  Everything you need to know about Web 3.0 before learning it

The Ultimate Guide to Web 3.0 - Everything you need to know about Web 3.0 before learning it

You've probably heard about Web3 unless you've been living under a rock. Web 3.0 is the next step in the web's growth, and it aims to make the internet more intelligent. Before learning more about Web3, let's understand the evolution of the web first. Over the last few years, the World Wide Web has developed, bringing with it ne...

Suhail Kakar

4 weeks ago

9
Select One:
Most Useful VS Code Shortcuts To Improve Your Productivity

Most Useful VS Code Shortcuts To Improve Your Productivity

Visual Studio Code is the most widely used and most loved code editor for application development. So in this article, we will see some of the widely used shortcuts which make developers' life easy and coding faster. So let's get started. 1. Quickly Search File On Mac Cmd + P : Search file by name On Windows Ctrl + P : Search fi...

Yogesh Chavan

1 month ago

6
Select One:

Loading More Content