JavaScript Introduction

What You’ll Learn

This page is a self-contained introduction to JavaScript (JS)—the language that powers interactive websites. You will understand what JavaScript is, how engines run your code, and write your first programs for the browser and console.

🤔 What is JavaScript?

JavaScript (often shortened to JS) is a popular programming language used for creating interactive and dynamic web content. It is primarily used for front-end web development, allowing developers to add dynamic effects, animations, and functionality to web pages.

JavaScript can also power back-end development through Node.js, build mobile apps with React Native, create games, and even control robots and IoT devices. It is one of the most widely used languages in the world.

Together with HTML (structure) and CSS (style), JavaScript completes the trio of core web technologies. HTML builds the page skeleton; CSS makes it look good; JavaScript makes it do something when users click, scroll, or submit forms.

👤 Who Created JavaScript?

Brendan Eich is known as the creator of JavaScript. He built the first version in just 10 days in May 1995 while working at Netscape Communications Corporation.

The language was originally called Mocha, then renamed LiveScript, before finally becoming JavaScript. Eich continued to shape the language and later co-founded the Mozilla project. Today JavaScript is standardized as ECMAScript by TC39.

⚙️ How Does JavaScript Work?

When JavaScript runs, the browser or Node.js loads your code into a JavaScript engine (such as V8 in Chrome and Node, or SpiderMonkey in Firefox). The engine parses source code, compiles it to optimized machine code (often via JIT compilation), and executes it.

During execution, the engine manages memory and handles asynchronous work through an event loop—timers, network responses, and user events are queued and processed without blocking the main thread.

In the browser, JavaScript can interact with the Document Object Model (DOM)—a tree representation of HTML—to read and update page content, styles, and event listeners in real time.

📖 Is JavaScript Easy to Learn?

JavaScript is generally considered approachable, especially if you have prior programming experience. You can see immediate results in the browser console or with console.log in Node.js.

That said, JavaScript has quirks—type coercion, this binding, and asynchronous patterns—that take time to master. With dedication and practice, becoming proficient is absolutely achievable.

• Start with variables, strings, numbers, and if/for loops
• Use browser DevTools (F12 → Console) to experiment instantly
• Build small projects: a calculator, todo list, or button that toggles text
• Read error messages carefully—they usually name the line and problem

📝 Hello World in JavaScript

Here is a simple JavaScript program that prints Hello, World! to the console:

console.log("Hello, World!");

Hello, World!

Run it with node demo.js in a terminal, or paste the line into your browser’s DevTools Console.

Basic syntax rules

• Statements often end with ; (optional in many cases, but good habit)
• Strings use single ' or double " quotes (or backticks for templates)
• Comments — // line or /* block */
• Case-sensitive — myVar and myvar are different
• Functions — function name() { } or arrow () => { }

💻 How to Run JavaScript

You can run JavaScript in three common ways while learning:

node demo.js

$ node demo.js
Hello, World!

<script>
  console.log("Hello from the browser!");
</script>

Hello from the browser!   (browser DevTools Console)

• Browser Console — press F12, open Console, paste code, press Enter
• HTML script tag — embed JS in a page or link an external .js file
• Node.js — run server-side scripts and tools from the terminal

🔓 Is JavaScript Open Source?

Yes. JavaScript is standardized as ECMAScript, an open specification maintained by TC39. Implementations—V8, SpiderMonkey, JavaScriptCore—are open-source projects you can read, use, and contribute to.

You do not need a license to write JavaScript. Frameworks and tools built on top (React, Vue, Node.js, Express) are also overwhelmingly open source.

🧰 Core Building Blocks

Examples Gallery

Seven starter programs. Use View Output to preview here, or open Try It Yourself to edit and run live in the browser.

console.log("Hello, World!");

Hello, World!

const name = "Alex";
let age = 20;
const isStudent = true;

console.log(`Name: ${name}`);
console.log("Age:", age);
console.log("Student:", isStudent);

Name: Alex
Age: 20
Student: true

function add(a, b) {
    return a + b;
}

console.log("Sum =", add(3, 5));

Sum = 8

const n = 7;

if (n % 2 === 0) {
    console.log(n, "is even");
} else {
    console.log(n, "is odd");
}

7 is odd

<p id="greeting">Loading...</p>
<button id="btn">Say Hello</button>

<script>
  document.getElementById("btn").addEventListener("click", function () {
    document.getElementById("greeting").textContent = "Hello, JavaScript!";
  });
</script>

📚 Why Learn JavaScript?

• Everywhere on the web — runs in all major browsers without plugins
• Full-stack path — same language for front-end (React, Vue) and back-end (Node.js)
• Huge job market — one of the most in-demand skills in tech
• Instant feedback — see results in the console or browser immediately
• Rich ecosystem — npm packages, frameworks, and tools for almost any task
• Gateway language — concepts transfer to TypeScript, Python, and other languages

Summary

• JavaScript (JS) is the core scripting language of the web, created by Brendan Eich in 1995.
• It powers front-end interactivity, back-end servers (Node.js), and many other platforms.
• Engines compile and run JS; the event loop handles async work; the DOM connects JS to HTML.
• Start with console.log("Hello, World!"); in Node or the browser console.
• JavaScript is standardized as ECMAScript and is open source in practice.
• Learn HTML/CSS first, then JS, then libraries like jQuery or frameworks like React.

💡 Best Practices