JavaScript Tutorials

🧠 Master JavaScript Fundamentals

Code with confidence using hands-on JavaScript tutorials that teach modern JavaScript (ES6+) with real examples.

🚀 Start Programming 👈 Previous: HTML/CSS 👉 Next: React

Beginner Free

🚀 Getting Started

console.log("Hello JavaScript");

JavaScript brings interactivity to web pages. Let's begin with your first script!

// first-script.js
console.log('Hello, JavaScript!');<

Open in first-script.js

Continue ➡️

🧠 JavaScript Essentials

Variables & Data Types

Learn variables with let/const, primitive types (strings, numbers, booleans), and dynamic typing.


let name = "Alice";

const age = 25;

const isStudent = true;

Functions

Create reusable code blocks with functions, including arrow functions and parameters.


const add = (a, b) => a + b;

console.log(add(2, 3)); // 5

DOM Manipulation

Learn to interact with HTML elements using the Document Object Model.


// Change text on click
document.querySelector('button').addEventListener('click', () => {

  document.getElementById('demo').textContent = 'Clicked!';

});

🛠 Advanced Concepts

Events

Handle user interactions like clicks, form submissions, and keyboard input.

element.addEventListener('click', callback);

Asynchronous Programming

Understand promises and async/await for handling API requests and timed functions.


fetch('https://api.example.com/data')

.then(response => response.json())

.then(data => console.log(data));

ES6+ Features

Use modern features like arrow functions, destructuring, and modules.


const { name, age } = user;

export default function myFunction() {}

Esemia