Skip to content

JavaScript

27 articles

Abstract Syntax Trees

Learn how Abstract Syntax Trees represent program code as structured data for easier analysis, compilation, and optimization in software development.

Abstract Syntax TreesParsingCode AnalysisCompilersProgramming Concepts

Apify SDK

Apify SDK is an open-source Node.js platform for web scraping, browser automation, and cloud-deployed crawlers with proxy management and data storage.

npmcrawlersapifyweb scrapingautomationNode.js

AST Visualization with D3.js

A React component that visualizes Abstract Syntax Trees using D3.js, rendering nodes as circles and links as paths with automatic updates.

npmD3jsvisualizationReactAbstract Syntax Trees

Automating Google Lighthouse

Run multiple Google Lighthouse audits in parallel with controlled concurrency using p-limit to manage resource usage and improve performance testing workflows.

npmWeb PerformanceLighthouseConcurrency ControlJavaScript

Convert Promises to Async Await

Learn how to convert JavaScript Promise chains to async/await syntax for cleaner, more readable asynchronous code with practical examples.

JavaScriptasync/awaitPromisesCode RefactoringES6

D3.js (Data Driven Documents)

D3.js is a powerful open-source JavaScript library for building dynamic, interactive data visualizations with full control over every visual element and custom design.

npmsvgdata visualizationJavaScript libraryinteractive graphics

Extracting Metadata from Audio Files

Extract artist and album metadata from audio files using the jsmediatags JavaScript library with support for MP3, FLAC, AAC, and more formats.

npmaudioJavaScriptmetadata extractionMP3

Extracting Text from epub Files

Extract and convert text from EPUB files in Node.js using the epub module and turndown to transform content into markdown format.

JavaScriptNode.jsEPUBText ExtractionFile Processing

Flatten An Array

A JavaScript implementation for flattening deeply nested arrays using the reduce() method with recursion and concatenation.

JavaScriptArraysAlgorithmsCode Tutorial

HTTP Delete Method from Browser and curl

Learn how to invoke HTTP DELETE requests from Chrome's JavaScript console using fetch() and from the command line with curl, including authentication examples.

HTTP MethodsJavaScriptcurlWeb DevelopmentAPI Requests

Implementing Hashes

Learn how to implement hash tables in JavaScript, from simple hash functions to advanced collision resolution techniques like chaining and open addressing.

Hash TablesData StructuresCollision ResolutionJavaScriptAlgorithms

InfluxDB and MongoDB from GraphQL

Learn how to combine MongoDB and InfluxDB data sources using GraphQL with Apollo Server and TypeScript for unified queries.

mongodbinfluxdbgraphqlnpmApollo ServerTypeScriptData Integration

InfluxDB from GraphQL

Query InfluxDB using GraphQL syntax with the influx-graphql npm library in ES6, including schema creation and query execution examples.

GraphQLInfluxDBnpmJavaScriptnpm packagesDatabase queries

JSON Server

Quick setup guide for JSON Server: install via npm, create a db.json file with sample data, and start serving REST endpoints locally.

javascriptjson-servermock apidevelopment tools

LinkedList

A complete JavaScript implementation of a singly linked list with methods for insertion, removal, and traversal at both ends and specific indices.

Data StructuresJavaScriptLinked ListsAlgorithms

Load Blender Models with Three.js

Load 3D models exported from Blender into web browsers using Three.js and WebGL with step-by-step code examples.

npmthreejsBlender 3DWebGL3D modelsJavaScript

Map Reduce

Learn practical use cases for JavaScript's .map() and .reduce() methods with real-world examples like data transformation, object creation, summing values, and grouping data.

JavaScriptArray MethodsFunctional ProgrammingData TransformationCode Patterns

Merge JSON Trees Recursively

Learn how to merge two JSON trees recursively in ES6 using a custom function that combines object properties based on type-checking rules.

JavaScriptJSONRecursionES6Object MergingCode Tutorial

More Examples for Reduce

Learn five practical examples of JavaScript's reduce() method: finding max values, flattening arrays, counting occurrences, removing duplicates, and grouping objects.

JavaScriptArray Methodsreduce()Code ExamplesFunctional Programming

Programmatic SVGs

Compare popular NPM packages for creating SVGs in JavaScript, plus techniques for animating SVG elements using the Web Animations API.

npmsvgJavaScriptdata visualizationanimation

Quirk - JSON.stringify removes empty properties

How to handle undefined values in JSON.stringify using a custom replacer function to convert them to null for MongoDB upserts.

developmentjavascriptjsonmongodbdebugging

react-markdown

Set up react-markdown in your React project with GitHub Flavored Markdown and frontmatter plugins using yarn install and component configuration.

developmentjavascriptreactnpmmarkdown

Resolving Multiple Promises

Learn how to use Promise.all() in ES6 to execute multiple promises concurrently and handle their results in order.

JavaScriptPromisesES6Asynchronous ProgrammingCode Tutorial

Setup an ES6 NodeJS Project

Step-by-step guide to setting up an ES6 Node.js project using npm, Babel, and nodemon for automatic code transpilation and server reloading.

Node.jsES6JavaScriptBabelnpm

Snap.svg

Snap.svg is a JavaScript library for creating, manipulating, and animating SVG graphics with an intuitive API and cross-browser support.

svgnpmanimationJavaScript librariesweb graphics

SVG.js

SVG.js is a lightweight JavaScript library for creating, manipulating, and animating SVG elements with an intuitive API and powerful transformation tools.

npmsvgJavaScript libraryweb animationgraphics

UnifiedJS

Unified is a modular JavaScript framework for processing Abstract Syntax Trees (ASTs) with a unified API for compilers, linters, and content transformation tools.

nlpnpmASTJavaScriptcontent processingcode transformation