Before a single line of code — the big picture of who does what on a web page, and where JavaScript fits.
🎯 In one line: HTML is the structure, CSS is the styling, and JavaScript is the behaviour that reacts and changes things live.
1HTML, CSS, JS — the house analogy
Language
Job
House analogy
HTML
The content & structure (headings, buttons, inputs)
The walls & rooms
CSS
The look (colours, spacing, fonts)
The paint & furniture
JavaScript
The behaviour (clicks, changes, data)
The electricity & plumbing — things that do stuff
🗣 Say it plainly When you click a "like" button and the count goes up without the page reloading — that's JavaScript. When a page loads more posts as you scroll — JavaScript. It's the language of interaction.
2Where does JavaScript run?
Two places, same language:
In the browser (the "frontend") — every browser has a JS engine built in. That's what powers everything you see and click. This whole course runs JS right here in your browser.
On a server (the "backend"), using Node.js — the same JavaScript, running on a computer in a data centre, handling data and requests. You'll meet Node in module 3 of this track.
💡 One language, both sides of the web — that's a big part of why JavaScript is the most-used programming language in the world.
3🎬 Your first live JavaScript
This is a real JavaScript runner. console.log(...) prints a message to the
output panel — it's how programmers peek at what their code is doing. Press Run (or Ctrl+Enter),
then change the text and run again:
JavaScript · runs in your browser
Ctrl+Enter runs too
Try breaking it Delete a quote mark and run — you'll get a red error message. Reading errors is a real skill; they tell you what went wrong and roughly where. Nothing you do here can break anything.
🧠
Quick check
1. A button changes the page when clicked, with no reload. Which language is responsible?
JavaScript is the behaviour layer — reacting to clicks and changing the page live.
2. What does console.log("hi") do?
console.log is your window into what the code is doing — it prints values to the console.
3. JavaScript can run…
Same language, both sides: browsers (frontend) and Node.js (backend).