JavaScript

JavaScript is the language that makes web pages interactive — but it's also a complete, general-purpose programming language in its own right, used far beyond the browser (Node.js, for example, runs JavaScript on servers). This curriculum teaches JavaScript on its own terms, with no HTML or CSS required: every exercise runs and prints its output straight to the console, the same way a Python beginner starts with print() before ever touching a web page.

This is Cloodit's JavaScript curriculum: free worksheets covering everything from console.log() and variables through comparison and control flow, arrays and their built-in methods (map, filter, reduce), objects and destructuring, functions and scope, error handling, and finishing with the basics of object-oriented programming (classes, constructors, inheritance) plus the Map and Set data structures.

The modules are ordered to build on each other, so a complete beginner can work through them from Module 1 to Module 52 and come out the other side comfortable writing real JavaScript logic. Teachers can also assign these modules as a structured course — see the JavaScript Journey below — with progress tracking, class sprints, and badges for students.

Whether you're a student working through the fundamentals, a teacher looking for ready-made worksheets with answer keys, or already comfortable in another language and picking up JavaScript's syntax, start with any module below or work straight through the full sequence. Planning a unit rather than the whole course? Each module maps to a single lesson-length concept, so you can pull just the ones your unit needs — Arrays & Strings for a data-manipulation unit, or OOP for an object-oriented unit — without reworking your sequence.

Add this whole curriculum to your class, or just the modules your unit needs — Cloodit tracks who's stuck automatically.

Add to class →

Getting Started (Modules 1–10)

console.log() Prints a value or message to the browser or terminal console for debugging or output.

Comments Marks the rest of a line as a comment, which JavaScript ignores when running the code.

Variables: let, const, var Declares a variable whose value can be changed later.

Basic Data Types A data type that holds text, written inside quotes like "hello".

Basic Arithmetic An operator that adds two numbers together.

More Arithmetic: % and ** An operator that returns the remainder left over after dividing one number by another.

String Concatenation Joins two strings together into one when used between them.

Template Literals Syntax used inside backticks to embed a variable or expression directly into a string.

typeof Operator An operator that returns a string naming the data type of a value.

Type Conversion Converts a value, like a string, into a number data type.

Control Flow (Modules 11–20)

Comparison Operators Checks if two values are equal in both value and type, returning true or false.

Boolean Logic A logical operator that returns true only if both conditions on either side are true.

Truthy and Falsy Values A value that JavaScript treats as false in a boolean context, such as 0, "", null, undefined, or NaN.

If Statements Runs a block of code only when the condition inside its parentheses is true.

else if Statements Checks another condition only when the previous if or else if condition was false.

else Statements Runs a block of code when every earlier if or else if condition was false.

Ternary Operator A shorthand operator that returns one value if a condition is true and another if false, without needing if/else.

switch Statement Compares a value against multiple case labels and runs the code block for the matching case.

While Loops Repeats a block of code as long as its condition inside parentheses stays true.

For Loops Repeats a block of code a set number of times, using an initializer, condition, and update expression.

Arrays & Strings (Modules 21–30)

break and continue Exits a loop completely, stopping it before it finishes all its passes.

Arrays – Creation and Indexing Creates an array and, when placed after a variable name, accesses an element by its index.

for...of Loops Loops directly over each value in an array, without needing an index.

Arrays – Mutating Methods Adds one or more elements to the end of an array, changing the original array.

Arrays – forEach() Calls a given function once for every element in an array.

Arrays – map() Creates a new array by running a given function on every element of the original array.

Arrays – filter() Creates a new array containing only the elements that pass a test provided by a function.

Arrays – reduce() Combines every element of an array into a single value using an accumulator function.

String Indexing and Length The number of characters in a string, accessed as a property without parentheses.

String Methods Returns a new string with all letters converted to uppercase.

Objects & Functions (Modules 31–40)

String Search Methods Checks whether a string contains a given substring, returning true or false.

Objects – Creation and Access Creates an object holding key-value pairs, which can then be accessed by key.

Objects – Methods (keys, values, entries) Returns an array containing all the keys of a given object.

Objects – for...in Loop Loops through each key (property name) of an object, one at a time.

Nested Arrays and Objects Chains dot notation and bracket notation to access a value nested inside an object.

Destructuring Unpacks values from an array or properties from an object into separate variables.

Spread Operator Expands an array or object's elements individually, often used to copy or combine them.

Functions – Declaring Declares a reusable block of code with a name, which can be run later by calling it.

Functions – Parameters A named placeholder inside a function's parentheses that receives an input value when called.

Functions – Return Values Sends a value back out of a function and ends its execution at that point.

Advanced JavaScript (Modules 41–52)

Functions – Default Parameters Assigns a default value to a parameter, used only when no argument is passed for it.

Arrow Functions A shorter syntax for writing a function, placed between the parameters and the function body.

Functions – Scope The area of code where a variable can be accessed; variables declared inside a function are local to it.

Error Handling – try/catch Runs code in a try block, and if an error occurs, runs the catch block instead of crashing.

throw Statement Creates a custom error and immediately stops the current code from running further.

JSON – stringify and parse Converts a JavaScript value into a JSON-formatted string.

OOP – Classes & Objects Declares a blueprint for creating objects with shared properties and methods.

OOP – constructor Method A special method inside a class that runs automatically when a new instance is created.

OOP – Methods A function declared inside a class body, called on an instance using dot notation.

OOP – Inheritance (extends) Lets a class inherit properties and methods from another class.

Maps – Basics Creates a new Map, a built-in object that stores key-value pairs.

Sets – Basics Creates a new Set, a built-in object that stores only unique values.

Printable JavaScript Crosswords & Word Searches

Built from the key terms of each block of modules, every one with a full answer key. All free printables →

✎

Crossword: Getting Started (Modules 1–10) 6 clues · console.log(), Comments, Variables: let, const, var, Basic Data Types and more

✎

Crossword: Control Flow and Arrays & Strings (Modules 11–25) 7 clues · Comparison Operators, Boolean Logic, Truthy and Falsy Values, If Statements and more

✎

Crossword: Arrays & Strings (Modules 21–30) 8 clues · break and continue, Arrays – Creation and Indexing, for...of Loops, Arrays – Mutating Methods and more

✎

Crossword: Objects & Functions (Modules 31–40) 8 clues · String Search Methods, Objects – Creation and Access, Objects – Methods (keys, values, entries), Objects – for...in Loop and more

✎

Crossword: Advanced JavaScript (Modules 41–52) 10 clues · Functions – Default Parameters, Arrow Functions, Functions – Scope, Error Handling – try/catch and more

🔎

Word Search: Getting Started to Arrays & Strings (Modules 1–29) 20 words to find · console.log(), Comments, Variables: let, const, var, Basic Data Types and more

🔎

Word Search: Arrays & Strings to Advanced JavaScript (Modules 21–52) 20 words to find · break and continue, Arrays – Creation and Indexing, for...of Loops, Arrays – Mutating Methods and more

Journeys using these modules

JavaScript Coding without HTML and CSS, ACARA Digital Technologies Years 7–8 — Programming with Control Structures and Functions (JavaScript), ACARA Digital Technologies Years 9–10 — Modular and Object-Oriented Programming (JavaScript)

Or build your own Journey from any of these modules →

Frequently Asked Questions

Are these worksheets free?

Yes — every worksheet and its answer key is free to view, download, and print, with no account required to access any individual module.

Do I need an account?

No account is needed to view or print a worksheet. A free teacher account adds extras like assigning modules to a class and tracking progress automatically — it takes under three minutes to set up and doesn't need a credit card.

What year level is this for?

There's no single fixed year level — the modules run from absolute basics (console.log, variables) through arrays, objects and functions, to an introduction to classes and OOP, so teachers can start wherever matches their class, typically upper primary through to secondary.

Can I print them?

Yes — every module has a one-click Print Worksheet button that generates a printable page with the practice questions and a full answer key.

Is this aligned to a curriculum?

The module sequence itself is curriculum-shaped — fundamentals first, then control flow, then arrays and objects, then functions and OOP — but it isn't currently mapped to specific ACARA or Victorian Curriculum codes the way the Python curriculum is.

Can students use this without a teacher?

Yes — students can start any module and practice directly, no class or account required. Joining a teacher's class with a class code adds progress tracking, class badges, and live Sprints, but isn't needed to work through the worksheets or modules solo.

Do I need to know JavaScript myself to teach this?

No — every module comes with a full worked answer key, and Cloodit tracks who's stuck automatically, so you don't need to solve each exercise yourself before assigning it or be able to debug a student's work line by line.

Cloodit turns curriculum-aligned coding content into journeys students work through one biome at a time.

Students earn collectable badges

Over 100 of them, across seven natural biomes.

Study Buddy

Students build a real study resource

Turns their work into revision material ready for Flash Cards and Exam study.

Diamond Dash — one of Cloodit's live, competitive Sprint games

Students lock in with Sprints

Live, competitive practice for the start of the lesson or a teacher-led lesson finisher.

A Cloodit certificate of achievement, ready to personalise and print

Custom printable certificates

Honour your top performers, or encourage a student who's trying hard — ready to print in seconds.

Add to class →

For Teachers

Set this curriculum for your class and see who needs help, automatically.

Create a free teacher account →

No credit card. No setup fee. Make a class and invite students in under three minutes.

For Students

Practice this topic interactively, track progress, and unlock badges.

Start Learning Free →

Have a class code?