JavaScript

27 articles tagged with javascript.

freeCodeCamp

How to Build a Browser-Based PDF Image Extractor Using JavaScript

PDF files are widely used for sharing documents because they preserve formatting across different devices. Many PDFs contain valuable images such as logos, product photos, charts, diagrams, illustrati

Bhavin Sheth 21 min2 days ago
freeCodeCamp

How to Build a Browser-Based PDF OCR to Text Converter Using JavaScript

Not every PDF contains searchable or editable text. Many PDFs are simply scanned images of documents such as invoices, contracts, books, receipts, government forms, and handwritten notes. While these

Bhavin Sheth 20 min8 days ago
freeCodeCamp

How to Build a Browser-Based PDF Analyzer Using JavaScript

PDF files are one of the most widely used document formats for sharing reports, invoices, contracts, books, research papers, manuals, forms, and business documents. Although viewing a PDF is simple, u

Bhavin Sheth 17 min12 days ago
freeCodeCamp

Mastering JavaScript Dates and Times

Managing dates and times in JavaScript is notoriously tricky, often leading to subtle bugs that only surface once an application hits production. To help you master this fundamental skill, the freeCod

Beau Carnes 1 min14 days ago
freeCodeCamp

How to Defend Your JavaScript App Against Unsafe Data with TypeScript Guard Utilities

Picture this: you hit an API endpoint, and you get an API response back. You pass the data straight into your application, and everything looks fine in development. Your mock data is clean, your types

Kelechi Apugo 13 min14 days ago
freeCodeCamp

How to Build a Browser-Based PDF Margin Tool Using JavaScript

Adding margins to a PDF is a common task when preparing documents for printing, binding, archiving, or sharing professionally. While many PDF editors include this feature, they often require installin

Bhavin Sheth 14 min14 days ago
freeCodeCamp

How to Build a Text Compare Tool with HTML, CSS, and JavaScript

Have you ever tried to spot the differences between two long paragraphs of text? Reading line-by-line to find a missing word or a new sentence is a massive headache. In this tutorial, you'll build you

Bansidhar Kadiya 8 min14 days ago
freeCodeCamp

How to Build a Browser-Based PDF Resizer Using JavaScript

PDF documents come in many different page sizes. Some are designed for A4 paper, while others use Letter, Legal, Tabloid, or custom dimensions. This can create problems when printing, sharing, archivi

Bhavin Sheth 13 min16 days ago
freeCodeCamp

How to Build a Browser-Based PDF Reverse Tool Using JavaScript

PDF files are often created by combining scans, exporting documents from different systems, or processing large batches of pages. In many cases, the final PDF ends up with pages arranged in the wrong

Bhavin Sheth 10 min21 days ago
freeCodeCamp

How to Turn Performance Audits into AI Fix Prompts with a DevTools Extension

Performance tools are good at showing you what's slow. They can tell you that your Largest Contentful Paint is 4.2 seconds, your JavaScript bundle is too large, or an image below the fold is loading t

Olamilekan Lamidi 12 min23 days ago
freeCodeCamp

How to Build a Browser-Based PDF Crop Tool Using JavaScript

PDF files often contain unwanted margins, blank spaces, scanner borders, page headers, page footers, or unnecessary content around the main document area. Cropping allows users to remove these unwante

Bhavin Sheth 10 minabout 1 month ago
DEV Community

Why I still teach Singleton even though modules make it redundant

Ask any developer what design pattern they know best and Singleton comes up first. Ask the same group...

Dmitry Sheiko3 minabout 1 month ago1
freeCodeCamp

How to Build a Case Converter Tool Using HTML, CSS, and JavaScript

If you're looking to level up your front-end development skills by building a practical web utility, this is the guide for you. We'll code a fully functional Case Converter Tool from scratch using onl

Bansidhar Kadiya 8 minabout 1 month ago
DEV Community

Frontend System Design: Designing a Collaborative Whiteboard

A walkthrough of designing a real-time collaborative whiteboard from a blank page to a production-ready architecture.

Harsha Attray18 minabout 1 month ago4
freeCodeCamp

How to Build a Browser-Based PDF Metadata Editor Using JavaScript – A Step-by-Step Guide

PDF files contain more information than what appears on the page. Behind every PDF document is metadata that stores information such as the document title, author, subject, keywords, creator applicati

Bhavin Sheth 7 minabout 1 month ago
freeCodeCamp

How to Understand the Safe Integer Limit in JavaScript

According to the Stack overflow technology survey in 2025, JavaScript is one of the most widely used programming languages in the world. We use it to build frontend applications, backend services, pay

Ayodele Aransiola 6 minabout 1 month ago
freeCodeCamp

How to Build a Browser-Based PDF Organizer Tool Using JavaScript

PDF files often become difficult to manage when pages are out of order, scanned incorrectly, duplicated, or spread across multiple documents. Instead of manually recreating the document, users often n

Bhavin Sheth 8 minabout 1 month ago
freeCodeCamp

How to Build a PDF Page Numbering Tool in the Browser Using JavaScript

When you're working with contracts, reports, invoices, manuals, or academic documents, page numbers make navigation much easier. Instead of manually editing every page, modern JavaScript libraries let

Bhavin Sheth 8 minabout 2 months ago
freeCodeCamp

How to Build a Browser-Based PDF Rotator Using JavaScript

Sometimes PDF pages appear upside down, sideways, or in the wrong orientation after scanning or exporting documents. Instead of re-creating the document manually, users usually just need a quick way t

Bhavin Sheth 8 minabout 2 months ago
freeCodeCamp

Think Like the JavaScript Engine

Most developers learn JavaScript by memorizing rules and copying framework patterns. But when a weird production bug hits or a senior engineer asks a deep architectural question during an interview, s

Beau Carnes 2 minabout 2 months ago
freeCodeCamp

How to Build a Browser-Based PDF Watermark Tool Using JavaScript

PDF watermarks are commonly used for branding, document protection, approvals, confidential files, and internal document tracking. Whether it’s adding a company logo, a “CONFIDENTIAL” label, or a draf

Bhavin Sheth 8 minabout 2 months ago
freeCodeCamp

How to Build a Browser-Based PDF to Image Converter Using JavaScript

Whether it’s invoices, scanned documents, reports, certificates, or receipts, users often need to convert PDF pages into image files quickly. Modern browsers make this much easier than before. Instead

Bhavin Sheth 6 min2 months ago
freeCodeCamp

How to Convert Images to PDF in the Browser Using JavaScript – A Step-by-Step Guide

Whether it’s scanned documents, screenshots, receipts, notes, certificates, or multiple photos, users often need a quick way to combine images into a downloadable PDF. Modern browsers make this much e

Bhavin Sheth 8 min2 months ago
freeCodeCamp

Mastering the JavaScript Event Loop

JavaScript is famously single-threaded, yet it powers highly complex, interactive web applications without freezing up. How is this possible? The answer lies in the Event Loop. The Event Loop is a cor

Beau Carnes 1 min2 months ago
freeCodeCamp

How to Compress PDF Files in the Browser Using JavaScript (Step-by-Step)

PDF files are everywhere. From invoices and reports to résumés and documents, they’re one of the most common file formats we deal with. But there’s a common problem: PDFs can get large quickly. If you

Bhavin Sheth 7 min2 months ago
freeCodeCamp

How to Split PDF Files in the Browser Using JavaScript (Step-by-Step)

Working with PDFs is part of everyday development. Sometimes you don’t need the entire document. You just need a few pages — maybe a specific section, a report summary, or selected invoice pages. Most

Bhavin Sheth 6 min3 months ago
freeCodeCamp

Common React Mistakes to Avoid

By Scott Gary React is a highly popular and powerful JavaScript library for user interface development. Its component-based architecture, combined with its declarative nature, is one of the primary re…

freeCodeCamp 7 minalmost 2 years ago