Start here

What is JavaScript?

JavaScript is a programming language that makes websites interactive and alive.

HTML creates the structure.

CSS makes it beautiful.

JavaScript makes it interactive.

Try it yourself

my-first-website.html

🙂

This page is just sitting there... static.

JavaScript in real life

You've used JavaScript today, probably ten times.

Every one of these everyday moments is JavaScript doing its job. Hover a card to see it in action.

How javascript works

You → JavaScript → Browser → Action

No magic. JavaScript is just a chain of "if this happens, do that."

🖱️

Click Button

You do something on the page.

→

👀

JS Detects It

JavaScript is listening for that exact moment.

→

⚙️

JS Runs Code

It executes the instructions you wrote.

→

✨

Something Happens

The page changes right in front of you.

Your first javascript code

One line. That's all it takes.

script.js
console.log("Hello World!");
// output appears here

This tells JavaScript to display "Hello World!" in the console — a little panel developers use to see what their code is doing. Click Run Code and watch it happen.

Interactive playground

Now you drive.

Pick an example, click the button, watch the preview react. This is JavaScript changing a real webpage.

playground.js

Hello!

Javascript concepts

The building blocks, one at a time.

Simple explanation → tiny example → interactive animation. No definitions to memorize.

Common mix-up

JavaScript ≠ Java.

Same word inside the name. Completely different languages — like "car" and "carpet."

🟨 JavaScript

Runs inside your web browser
Built to make webpages interactive
You can start writing it instantly, no setup

☕ Java

Runs on its own, outside browsers
Used for large apps, Android, backend systems
Needs to be installed and set up first