Introduction

JavaScript là ngôn ngữ lập trình giúp web trở nên tương tác.

Nó chạy trên trình duyệt và ngày nay còn chạy trên server với Node.js.

Trang này tóm tắt những khái niệm cốt lõi cho người mới bắt đầu.

Ví dụ alert đơn giản:

console.log("Hello, world!");
Setup

Bạn chỉ cần một trình duyệt hiện đại và trình soạn thảo.

Thêm JS trực tiếp trong HTML bằng thẻ <script>.

<script>
  // file inline hoặc import từ file .js
</script>

Cấu trúc file khuyến nghị:

Basics

Biến: letconst là khuyến nghị.

Kiểu dữ liệu: string, number, boolean, null, undefined, object.

Toán tử: +, -, *, /, %, ===, !==, >, < …

const name = "Danh";
let age = 20;
console.log(name, age);
Arrays and Loops

Mảng lưu danh sách giá trị.

Vòng lặp giúp lặp qua phần tử.

const arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

Phương thức phổ biến của mảng:

Ví dụ map:

const doubled = arr.map(n => n * 2);
Functions

Hàm giúp tái sử dụng logic.

Cú pháp khai báo:

function sum(a, b) {
  return a + b;
}
const add = (a, b) => a + b;

Hàm có thể nhận tham số mặc định.

Hàm cũng là giá trị (first-class).

DOM Manipulation

DOM là cấu trúc cây đại diện cho HTML.

Truy cập phần tử bằng document.querySelector.

const btn = document.querySelector("#btn");
btn.addEventListener("click", () => alert("Clicked!"));

Cập nhật nội dung và thuộc tính động.

Giữ code gọn, tách JS ra file riêng khi dự án lớn.