Learn the basics of DOM and web page interactivity with JavaScript — DOM (Document Object Model) allows you to read and modify HTML documents with the help of JavaScript. In this article, we’ll see how to perform basic DOM operations with JavaScript. Let’s start with what DOM actually is. What is DOM According to MDN Docs, The Document Object Model (DOM) is a programming interface…

Adding Nested And Dynamic Routes To The API — In previous articles, we’ve created a NodeJS RESTful API without using ExpressJS or any other NPM packages and added CRUD functionality to it. In this article, we’ll be improving our API by adding the functionality of Nested Routes and Dynamic Routes. Creating A NodeJS RESTful API without ExpressJS — File Structure We won’t be adding or removing any new files…

Adding CRUD Operations to the No Dependency API — In the last article, we created a RESTful API capable of handling the specified endpoints and responding to endpoints not defined in the API without breaking the app. We’ve achieved all this without using any NPM packages. We’ll add CRUD functionality to this API in this article while following the…

Send and Receive Requests Over The Internet Without AJAX and jQuery — JavaScript’s Fetch API is a powerful and easy-to-use alternative to the old AJAX and jQuery. By using Fetch API, you have an easy-to-use API and get rid of the bloated and undesirable jQuery code, making the applications lighter in comparison. In this article, we’ll be discussing how to implement and…

Add Infinite Scrolling on Your Website Without any Third Party JavaScript Library — Infinite scrolling helps the website display paginated data without navigating to the other page. It also helps the webpage load faster. In this article, we’ll be implementing infinite scrolling with JavaScript using IntersectionObserver API. A live demo of this project is here. What is IntersectionObserver IntersectionObserver API offers a simplistic way to determine…

Scrap A Web Page With Node.js and Export The Scrapped Data to a CSV File — Web scraping is a method where we extract data from a website. Web scraping is generally used for price monitoring, market research, news monitoring, etc. In this article, we’ll be scraping a table within a Wikipedia page and generating a CSV file containing that data. I like mangoes and I…

A guide on how to add object detection in a browser with ml5js. — In this article, we’ll look into how to do object detection in the browser using ml5.js. A live demo of the application is here. What is ml5.js Ml5.js is a JavaScript machine learning library that provides access to ML algorithms in the browser, built on top of tensorflow.js. Ml5.js is very easy to…

Let’s build a javascript app that records and downloads audio files in browser! — In this article, we’ll see how we can record audio with JavaScript. We’ll be using mediaDevices API for audio recording. We’ll also build a browser application that will allow us to record and download audio files. A live demo of this application is here. What is Navigator & mediaDevices API in JavaScript According to MDN Docs,

Create RESTful API in NodeJS Easily and Quickly — Nodejs is a JavaScript runtime that runs on chrome’s V8 engine and executes JavaScript programs outside web browsers. Nodejs is very powerful as it allows javaScript to be used as a server-side language, which is achieved by the modules/packages it comes with, such as httpwhich allow it to create an…