← All curricula

Your learning plan · 20 modules

JavaScript Programming

Make web pages respond to people. Start with programming logic, then build interactive pages, validate forms, save browser data and bring in information from APIs.

JavaScriptWeb development
Who it's for
Grades 7+, college students and beginners in web development
Typically ages 12+
Suggested duration
35 classes / 8 to 10 weeks
How you learn
Concepts → practice → projects
Explore all 20 modules Download syllabus (PDF)

Age ranges are approximate. We'll confirm your starting module and class schedule before enrolment.

The goal

What you'll learn to do

  • Use variables, data types, operators, arrays, objects, functions, conditions and loops to solve small problems.
  • Update page content and respond to clicks, keyboard input and form submissions using the DOM and events.
  • Validate input, debug errors and save or retrieve data with localStorage.
  • Read modern JavaScript syntax and use promises, async/await and fetch to work with APIs.
  • Plan, build, test and explain an interactive web app or browser game.

One module at a time

Your module-wise syllabus

Open a module to see the topics and hands-on practice. Start with the foundations and build up step by step.

01

Introduction to JavaScript

What you'll explore

  • Purpose and role of JavaScript in web development
  • Inline, internal and external JavaScript
  • Creating and linking a JS file
  • Console output and comments
  • Script loading basics

Try it yourself

  • Create app.js
  • Link JS to HTML
  • Print messages in console
02

Variables and Data Types

What you'll explore

  • var, let and const
  • String, number, boolean, null and undefined
  • Variable naming conventions
  • Declaring and initializing variables
  • Type checking with typeof

Try it yourself

  • Create student profile variables
  • Print data with console.log
  • Check types using typeof
03

Operators and Expressions

What you'll explore

  • Arithmetic operators
  • Comparison operators
  • Strict equality
  • Logical operators
  • Assignment operators
  • Operator precedence

Try it yourself

  • Build bill calculator
  • Create simple eligibility checker
  • Practice comparison questions
04

Strings, Numbers and Type Conversion

What you'll explore

  • String methods
  • Template literals
  • Number methods
  • parseInt and parseFloat
  • String to number conversion
  • Escape sequences

Try it yourself

  • Create temperature converter
  • Format a welcome message
  • Practice string methods
05

Arrays

What you'll explore

  • Creating arrays
  • Indexing and length
  • push, pop, shift and unshift
  • splice and slice
  • forEach and basic iteration

Try it yourself

  • Create shopping list array
  • Add/remove items
  • Display array items in console/UI
06

Objects and JSON

What you'll explore

  • Object properties
  • Nested objects
  • Object methods
  • Accessing and updating properties
  • JSON format basics

Try it yourself

  • Create product/user object
  • Update properties
  • Display object data on page
07

Functions and Scope

What you'll explore

  • Function declarations
  • Function expressions
  • Parameters and arguments
  • Return statement
  • Arrow functions
  • Scope basics

Try it yourself

  • Write calculator functions
  • Create greeting function
  • Use function for repeated UI changes
08

Conditionals

What you'll explore

  • If statement
  • Else and else-if
  • Switch statement
  • Ternary operator
  • Truthy and falsy values

Try it yourself

  • Build grade checker
  • Create login message logic
  • Practice truthy/falsy questions
09

Loops

What you'll explore

  • For loop
  • While loop
  • Do-while loop
  • Loop control with break and continue
  • Nested loop basics

Try it yourself

  • Solve number patterns
  • Build multiplication table
  • Loop through arrays
10

DOM Manipulation

What you'll explore

  • Document Object Model introduction
  • getElementById and querySelector
  • Changing text and HTML
  • Changing attributes and styles
  • Creating/removing elements

Try it yourself

  • Change heading by button click
  • Create dynamic list items
  • Modify image source and styles
11

Events and Event Listeners

What you'll explore

  • Click, mouseover and keydown events
  • Event listener syntax
  • Event object basics
  • Event handler functions
  • Keyboard and mouse interaction

Try it yourself

  • Build counter app
  • Create keyboard-controlled color changer
  • Add mouse hover effect
12

Forms and Validation

What you'll explore

  • Reading input values
  • Form submit event
  • Prevent default behavior
  • Required validation
  • Email and number validation
  • Showing error messages

Try it yourself

  • Build registration form
  • Validate name, email and password
  • Show success message
13

Date, Time and Timers

What you'll explore

  • Date object
  • Formatting date and time
  • setTimeout
  • setInterval
  • Timer-based UI updates
  • Simple countdown

Try it yourself

  • Build digital clock
  • Create countdown timer
  • Add timer to quiz app
14

Local Storage

What you'll explore

  • localStorage setItem/getItem
  • JSON stringify and parse
  • Saving form data
  • Removing and clearing data
  • Persistence after refresh

Try it yourself

  • Build saved notes app
  • Save to-do list
  • Test after page refresh
15

Error Handling and Debugging

What you'll explore

  • Common JavaScript errors
  • Reading console errors
  • try, catch and finally
  • throw statement
  • Debugging with console logs

Try it yourself

  • Debug broken code examples
  • Add try/catch in mini app
  • Write two common mistakes and fixes
16

Modern ES6 Features

What you'll explore

  • let and const recap
  • Arrow functions
  • Destructuring
  • Spread and rest operators
  • Template literals
  • Modules overview

Try it yourself

  • Refactor old code to ES6
  • Use destructuring in product data
  • Use spread in array update
17

Asynchronous JavaScript

What you'll explore

  • Callbacks
  • Promises
  • then and catch
  • Async/await
  • Loading and error state idea

Try it yourself

  • Create fake delayed data example
  • Handle promise success/error
  • Convert then/catch to async/await
18

API Calls with Fetch

What you'll explore

  • What is an API?
  • Request and response
  • Fetch syntax
  • JSON parsing
  • Displaying API data
  • Handling failed requests

Try it yourself

  • Build weather/movie/search app
  • Display cards from API data
  • Handle empty results
19

Project-based Learning

What you'll explore

  • Project idea selection
  • Feature list
  • UI planning
  • HTML/CSS/JS integration
  • Testing and bug fixing
  • Code cleanup

Try it yourself

  • Build quiz app, to-do app, expense tracker or game
  • Add at least one storage/API feature
  • Prepare final demo
20

Project Presentation and Review

What you'll explore

  • Project demo flow
  • Explaining functions and logic
  • Common questions
  • Final improvements
  • Submission checklist

Try it yourself

  • Present project
  • Submit source code
  • Complete revision quiz

Make your learning visible

Projects & practice you can build on

These ideas come from the syllabus. Your teacher will help choose and adapt projects to your level.

  • A bill calculator, grade checker or temperature converter
  • An interactive quiz, counter or countdown timer
  • A notes or to-do app that keeps data after a refresh
  • A weather, movie or search app using API data
  • A final quiz, to-do app, expense tracker or browser game with a storage or API feature

Where could you go next?

Possible next steps to discuss once you're confident with this syllabus.

ReactNode, Express and MongoDBProject Studio

Adapted for students and parents from the academy's module-wise syllabus. The downloadable PDF includes the original detailed teaching plan.

WhatsApp