JavaScript Guide
From absolute basics to building practical apps.
Basics
JavaScript Variables & Data Types
Learn how to declare and use variables in JavaScript with let, const, and var. Covers strings, numbers, booleans, null, undefined, and more.
Strings & String Methods
Master text manipulation in JavaScript. Learn about string concatenation, lengths, and built-in methods like toUpperCase and slice.
Numbers & Math
Learn how to work with numbers, perform arithmetic, and use the built-in Math object in JavaScript.
Booleans & Comparisons
Understand true/false values, equality checks, and logical operators in JavaScript.
If/Else & Conditionals
Control the flow of your JavaScript programs using if statements, else branches, and switch cases.
For Loops
Run a block of code multiple times. Learn standard for loops and for...of loops in JavaScript.
While Loops
Repeat code as long as a condition remains true using JavaScript while loops.
Functions
Learn how to write reusable blocks of code in JavaScript using function declarations and arrow functions.
Arrays & Array Methods
Store lists of data in JavaScript using arrays. Learn how to add, remove, and access array items.
Objects
Organize related data using JavaScript objects. Learn about properties, keys, and values.
Intermediate
DOM Manipulation
Learn how to interact with HTML elements dynamically using JavaScript and the Document Object Model.
Event Listeners
Make your web pages interactive by responding to user clicks, keyboard presses, and other events.
Fetch API & HTTP Requests
Learn how to load data from APIs and servers using JavaScript Fetch API.
Promises & Async/Await
Write cleaner asynchronous JavaScript code using async and await keywords.
Local Storage
Save data in the browser so it persists after refreshing or closing the tab using localStorage.
Template Literals
Use template literals (backticks) to inject variables into strings easily in JavaScript.
Destructuring
Extract values from arrays or properties from objects into distinct variables concisely.
Spread & Rest Operators
Use the ... syntax to spread arrays and objects, or to gather remaining arguments into an array.
Map, Filter, Reduce
Transform arrays cleanly using functional array methods: map, filter, and reduce.
Error Handling (try/catch)
Prevent crashes and handle exceptions gracefully using try, catch, and finally blocks.
Practical
Build a To-Do App
Combine DOM manipulation, events, and arrays to build a functional to-do list in JavaScript.
Build a Calculator
Learn state management and math logic by creating a simple interactive calculator.
Form Validation
Ensure user input is correct before submitting data to a server using JavaScript form validation.
Working with Dates
Create, manipulate, and format dates and times using the built-in Date object.
Regular Expressions
Match complex string patterns using regular expressions (Regex) in JavaScript.
JSON Parse & Stringify
Convert JavaScript objects to and from JSON strings to communicate with APIs and local storage.
Timers: setTimeout & setInterval
Delay execution or run code repeatedly on an interval using JavaScript timer functions.
Classes & OOP
Organize your code using Object-Oriented Programming principles with JavaScript classes.
Modules (import/export)
Split your JavaScript code into multiple files using ES6 modules (import and export).
Debugging Tips
Learn strategies and tools for finding and fixing bugs in your JavaScript code.
JSON Obfuscator & Compressor
Minify payloads and encode keys or unicode string escapes with dictionary mapping.
ESBuild & JS Decompiler
Unpack bundled IIFEs, expand minified comma-statements, and restore clean ES6 formatting.
Universal Media Downloader
Save video streams from YouTube, Twitter/X, TikTok, and Instagram with zero quality loss.
Bulk Image ToolBulk Image Resizer
Scale, resize, and compress entire folders of PNG and JPEG images client-side.