Learn the basics of DOM manipulation with Vanilla JS including set up, document.createElement(, .textContent, and more.
A brief introduction on Let, Var, and Const keywords in Javascript.
Nullish coalescing vs or operator explained and why it will help keep out bugs out of your code.
Javascript objects consist of key-value pairs and are one of the most common data structures in Javascript.
Learn how to build a web scraper with Javascript and Node.js. Add anti-blocking techniques, a headless browser, and parallelize requests with a queue.
TypeScript provides you with multiple ways to define type definitions for object properties. We'll look at a couple of them throughout this post.
The ABCs of Javascript are: A - apply(), B - bind(), and C - call(). Using them, we can set what 'this' should refer to.
Although JavaScript is now the most widely used programming language worldwide, it is not usually the first language picked for building a blockchain
React Hooks are a new feature in React 16.8. They are a powerful way to write stateful components. All this power comes at a cost, however.
In this post, we’ll look at using Redis to give cache capabilities to a NestJS project. We’ll discuss Redis, what caching is, and the implementation procedure.
When we talk about default parameters, we are talking about giving arguments values that should be used, if that argument is undefined.
This article will focus on how to use JavaScript to make use of some properties to achieve infinite scroll.
The specifics of how console object works vary from browser to browser, but there is a de facto set of features that are typically provided.
The importance of web and mobile apps that can handle massive volumes of data has skyrocketed over the past few years. As a result, small and large enterprises want to make the most of their data for monitoring and better decision-making.
Learn how to use the updated discord.js library and make your own Discord bot.
Universally Unique Identifiers (UUIDs) are used everywhere in software development for everything from identifying object elements to DOM elements on a web page
Console statements create performance or security issues if you mishandle them. This article explains three ways to remove them from your production build.
I'd like to share some useful JavaScript stuff I have saved
Did you know that you can use hooks in class components?
OK, I'm lying, kind of. You can't use a hook directly in a class component, but you can use a hook in
If you've ever worked in vanilla Javascript, you might be familiar with adding event listeners to elements using the following formula:
A simple tutorial to learn Encryption in NodeJS.
Chrome dev tools are a must have tools for modern day developers. Take your first step learning chrome dev tools by learning source debugger.
Tutorial for a Discord bot that automatically saves messages from a Discord server to Notion, if an Admin reacts to them with a specific emoji, say ✍️.
The essence of currying is simple: to take a function of any arity (number of expected arguments) and make it into a unary function.
Read about the 10 must-know JavaScript array functions.
How to Print images with TSPL and JavaScript
Can you learn React in five minutes? Well, it depends on what you mean by “learn React”. In this blog post you will “learn the basics of React” in five minutes!
Have you ever wondered how hard or easy it would be to create your own screen-sharing application? Learn how today using HTML, CSS & JavaScript.
Let's implement the Password component in React, supporting 5 validation rules.
I bet you didn’t know that Javascript has pointers. Well, it does! Let’s take a quick look at how they are implemented and how they work.
How to build the beloved Python range() in JavaScript by using Iterators.
In React Native, the FlatList component works well to render a long list of data.
Memoization is a technique that saves the results of executing functions to avoid recalculations. In this article, we will use this to find Fibonacci numbers.
Cleanup functions in React’s useEffect hook allow us to stop side effects that no longer need to be executed in the component.
The javascript slice function is a built-in array or string method that returns a shallow copy of a portion of an array into a new array object.
This short article will cover Rest parameters and how to use them in JavaScript programming.
I want to show you how using destructuring and inline types in TypeScript makes your codebase less readable!
Learn how to make a cool looking dark mode toggle in React!
Convert files' and folders' structures to Bash Scripts with NodeJS.
Here we talk about two of the functions available on the console object: console.table() and console.trace().
Welcome to other chapters of Let’s Understand Chrome V8
Struggling to convert code into projects? Follow this tutorial to build an amazing drum kit project in Vanilla JavaScript by the time you finish reading it
The best Slack bot tutorial for Node.js on the internet.
nvm is used to manage the versions of Node.js installed on your computer, so it's a really useful tool.
5 Must-Know Features in JavaScript ES2022: Enhance Your Code and Boost Your Productivity
Welcome to other chapters of Let’s Understand Chrome V8
"Mastering Conditionals in JavaScript: A Comprehensive Guide with Example"
In Javascript, we have lots of different ways to manipulate DOM elements. Here, we take a look at one of the simplest ways to do so.
Article about useful Array methods in JavaScript.
TypeScript Records are a great way to ensure consistency when trying to implement more complex types of data.
Understand Javascript Spread and rest operators
A short post on how to generate dynamic open graph images using puppeteer-core and chrome-aws-lambda for sharing on instant messaging platforms online.
In this article, we will be building a simple version of Tic Tac Toe using HTML, CSS, and JavaScript.
Redis is a powerful piece of technology that lets us store data in memory. Let's look at how to use it with Node.JS
After exams and lots of procrastination, I finally resumed my #100DaysOfCode journey with JavaScript
Hence, in this article, we will see how to create an isObject function and use it to check if an object is actually an object. So, let's get started!
Understanding Javascript spread operator
Creating the "Who's that Pokemon" segment from the anime as a web game can be easily done with just 70 lines of javascript and with the help of an API
Do you need to know how to disable JavaScript in Tor? This would be easier you could imagine!
In this tutorial, we will start with creating the game board.
Promise is a common object in JavaScript but is pretty complicated to use when it's the first time you see it. Learn about promises and the basics of using it!
The JS reduce method is a recursive way to perform a computation based on every element in the array while considering the previous elements of the array.
In Chrome V8, the parser works with the scanner to create tokens to understand what functions it needs to carry out next, letting the browser work as intended.
Did you know that Javascript does not class a selection of multiple elements as an array?
We learned how to implement such a function with a for loop and how to use it in various situations.
If we want to delete items from an array, we can use the splice method that all arrays have. Let's look at how it works.
Struggled with JS hoisting in interviews? How let, var, const and function hoist differently? This article explains the concept and makes it easy to understand.
JavaScript often referred to as JS, is the most useful and popular object-oriented, interpreted programming language
In this article, I will show you how you can use zk-SNARK in your JavaScript project by using circom and snarkjs.
A simple tutorial for beginners to create an object detector with NextJs.
Web developers have many reasons to read uploaded file content in JavaScript.
Here is a list of pretty much any action you would want to perform on an array, and how to do it in Javascript.
Create a visual Serverless CRUD API with all MongoDB CRUD operations in a few minutes by stealing my work. Keep it maintainable by using several nodes.
There are two ways of conducting Object Creation in Javascript, Object.create and New operator. While very similar they do have their subtle differences.
Finding and building community theme is pervasive in the JavaScript community as there are frameworks. You can build community while app building.
In JavaScript, things can be true, or false, but they can also be truthy or falsy.
The slice method on arrays returns a shallow copy of a part of an array. It takes two numbers, a start, and an end. Every array has a slice method.
What is the best programming language to learn for a developer? Can’t name the best, but yes, Java is surely one of the Best! You can dive in for the reasons.
This article dives into learning duck typing in Javascript and examples of polymorphism.
In this complete guide, let's look at how && works, and go through some examples to explain when it returns values, and what values it will return.
Build a tutorial blog with React and Markdown. Enhance your blog's user experience with syntax highlighting, dark mode and copy to clipboard functionality.
A Set in Javascript is a unique list of values, similar to the set data type in Python.
Symbol, the brand new primitive type for JavaScript is worth to know more for each single front-end hacker.
Using Javascript to build a calculator for the cost of assembling model trains by combining API functions and a Wordpress site to streamline the process.
JavaScript Localization Guide
JavaScript arrays are data types that can store a collection of elements. These elements can be of any data type, including numbers, strings, and objects.
Understand how JavaScript array methods work by implementing three of the most common methods: map(), filter() and reduce.
Javascript arrays can contain duplicates - which is fine most of the time, but can sometimes cause some issues.
If your Javascript appears before your HTML, then trying to do things like attach events to your HTML is not possible.
Have you ever been in a situation where you had a string of text and wanted to replace all of its occurrences with something else?
Manage JavaScript 'monorepos' with Lerna, Build a React Icon Library & Publish to NPM
A/B Experiments with Statsig Layers
Arrays in Javascript are a simple, one-dimensional way to store simple sets of data. Arrays are non-unique, which means they can store duplicates (unlike sets).
Learn why it's recommended to use let and const instead of var in JavaScript.
So you have a Javascript array, and you want to get the last element. Follow these steps.
If you try to do something real-time with REST APIs, you're going to have a bad time.
The spread operator, spread syntax or 3 dots (...), is a type of syntax in Javascript that is used by both function calls and arrays/objects.
Form validation is a way of making your form input secure by not letting any malicious code in your website.
In this article, we will be creating an accordion with vue.js. It is used mostly for expandable FAQ sections in websites.
v-if and v-show are two ways to conditionally render content in Vue.
In this article, you will learn how to implement the following coding practices to differentiate between Synchronous and Asynchronous Calls.
You may think "Surely there's a library for that!", and yet, there isn't.
Power up your logging and build good developer habits. As your codebase grows you'll need to debug it more easily and one tool is logging.
Here are two simple Async/Await JavaScript scripts that will detect and indicate browser support for the AVIF and WEBP image formats.
We need to convert callback to promise because the promise is more readable and easier to handle.
Checkout the various React Design Patterns to use in building React components that are extensible and reusable for your next React project.
In this quick guide we'll look at how you can solve the very common error, "Uncaught SyntaxError: Cannot use import statement outside a module".
This article will cover the spread operator and how you can use them in your day to day JavaScript programming. This article assumes you have some familiarity with coding in the JavaScript ecosystem.
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.
In Javascript, we have numerous ways to check if something is or is not a number.
Do you know Javascript? The language we all love has some weird and sometimes unexpected behaviors.
Ever wondered why Google shows you content based on your location, or ads you see on websites are customized to your location? All this happens because of geolocation which makes it possible to identify the country, state and sometimes even the city based on your IP address of your device.
JavaScript Event Loop is a fundamental concept. In this tutorial, we will know JavaScript Event Loop on a high level.
We've had a lot of digital image processing tools for a long time: Photoshop, Lightroom, GIMP, PhotoScape, and many more. However, in the past few years, one became popular among non-expert users due to its easiness of use and social features: Instagram. Have you ever wondered how Instagram filters work? It is actually pretty simple matrix operations! So simple we can build our own without any external library, just pure and simple HTML + JS. Let's build one now.
A Comprehensive Guide To Creating and Publishing Your First NPM Package
Optional chaining is a feature in Javascript which lets us access the child properties of an object, even if the parent object doesn't exist.
We've all been in a situation in Javascript where we have a set of data, all with different dates, which we want to sort by date quickly.
Here are some simple steps to build your Audio, Video and Screen Recorder with JavaScript and HTML with MediaRecorder, getUserMedia, getDisplayMedia
Web developers who want to build an application using ReactJS must consider the react file upload to ensure that users can upload any file they need.
2-3x or more performance improvement in data pipelines by using custom JavaScript iterators and optimized algorithms for sets, arrays and cartesian products.
Knowing how to use forEach in JavaScript is an important first step in writing code that is optimized for speed and efficiency.
Before I became a programmer I loved to play games. I played games for many years before I even knew the most basic concepts about coding. However these days I see that people are trying to introduce their kids to programming and looking for ways to make programming concepts more approachable. I think that using existing games people love is a great way to do just that. That is why I wanted to start this new coding for gamers blog series. In this tutorial I will show you how to do that by walking you through the process of extracting a feature from a video game called The Long Dark and recreating it on your own.
A simple guide for updating for npm packages.
Improve user experience with a skeleton loader in React. Mimic page layout with placeholder boxes for text and images while actual content loads.
The Promise.all method in Javascript is a function that accepts many promises and then does something only after they have all been settled.
Have you ever felt like you needed to start over and press the refresh button?
Immediately invoked function expressions, or IIFE, are functions that are run as soon as you define the function.
We use the splice method to insert an item into an array at a specific index in javascript, which takes 3 arguments - and also lets us delete items too.
Build a minimal Node.js application that tracks real-time weather data from WeatherAPI.com using a Node.js application and ingests it into Apache Cassandra.
Adding auto caching to our JS template engine: How Caching Works with JS Template Engines; Changing Your Render Function.
Let's create a function that will return true if string is a prime number and return false if a number is not a prime.
If you have understood the discussion so far, you should feel confident in your capacity to discuss closures when asked about them during your next interview.
Optional chaining is a modern language feature that allows you to safely navigate through and access deeply nested object properties.
With React/Next.js, the fundamental problem you’re solving is that of turning some notion of ‘state’ into DOM, with a focus on composability
How you can use Next.js and Cosmic to create special web pages such as restaurant websites that include restaurant menus that have many images and animations.
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel fundamentals such as ignition execution.
Building a web component that renders one picture at a time.
Learn how to improve the performance of your JavaScript unit tests with this comprehensive guide.
Defining a new object in Javascript is pretty easy - but what if you want to find out if it's empty?
The app directory, Streaming, Suspense, and hybrid Server and Client Components were demystified — with a little help from GraphQL + WunderGraph.
Java 9 comes with a whole host of new features that help you with your projects. These Java 9 API improvements can help with everything from pictures to process
Sometimes you just need to have a look at a specific file in your archive and you don't want to install additional software to do this. 7zip.html solves this.
In short, the Javascript sort() method is an incredibly useful way to organize an array, whether you’re sorting numbers, strings, or objects.
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.
Unit tests are a challenging topic, with many interconnected aspects that make it difficult for beginners.
At the heart of most guitar tuners is some sort of pitch detection algorithm. Here we focus on zero-crossing, fast fourier transform, and autocorrelation.
In this article, we’ll be diving deep into the topic of URL parsing in JavaScript and understanding how to access certain data from a URL string.
An example that demonstrates using NestJS as a base framework for building lightweight, well-structured and amazing microservices.
Syntax of if else, else-if, nested if, and logical operators like AND OR and NOT in Javascript. Switch statement can be used as an alternate to If statement.
Next.js is a framework built on React that gives frontend developers the flexibility of creating modern and scalable apps
I will try to tell with a simple example of how TS can be applied, and how to solve seemingly complex problems step by step.
Sometimes I find myself going through the same steps when I work on different projects. These are just some of the things I've found helpful over the years.
The logical OR operator in JavaScript is an operator which returns the left-hand side if it is truthy, but otherwise defaults and return the right-hand side.
The script tag is the primary method to insert JavaScript into the HTML page. We will look at all the ways to use the script tag and the importance of each.
Make complex data easily digestible with these 3 simple charts.
The answers to every what, why, when, and how about Static Code Analysis in JavaScript. Information about in-depth scanning, guard rails, and more.
In this tutorial, we're gonna build a really simple game of Rock Paper Scissors Spock Lizard.
When it comes to programming on the web, very few languages can measure up to the immense popularity of JavaScript. Countless websites make use of JavaScript for the user experience, making its appearance on the Internet almost universal. Even if programmers never learn another language in their life, they can still make incredible use out of this one. Both newcomers and experienced programmers will want to check out these 6 best JavaScript programming books ranked by Amazon reviews.
For those new to coding or even experienced coders, this guide details how to manipulate text strings, just like the pros.
Visit the /Learn Repo to find the most read stories about any technology.