Học JavaScript cơ bản cho người mới bắt đầu

Cập nhật: 2025

JavaScript (JS) là một trong những ngôn ngữ lập trình phổ biến nhất thế giới, được dùng để xây dựng website, ứng dụng web, game và rất nhiều thứ khác. Nếu bạn đang học HTML/CSS thì JavaScript chính là bước tiếp theo để biến website thành trang web “có tương tác”.

1. JavaScript là gì?

JavaScript là ngôn ngữ lập trình chạy trực tiếp trên trình duyệt. Với JavaScript, bạn có thể:

Tạo hiệu ứng cho website
Kiểm tra form đăng ký
Xử lý sự kiện người dùng (click, nhập text...)
Kết nối API lấy dữ liệu
Tạo game 2D/3D

2. Biến trong JavaScript

Có 3 cách tạo biến: var, let và const.

```html let age = 18; const name = "Bap"; var isStudent = true;

let: dùng được, có thể thay đổi giá trị
const: KHÔNG cho thay đổi giá trị
var: ít dùng trong JS hiện đại

3. Kiểu dữ liệu trong JS

Các kiểu dữ liệu cơ bản:

String – chuỗi
Number – số
Boolean – true/false
Array – mảng
Object – đối tượng
Null / Undefined – rỗng & chưa có giá trị

html Sao chép mã let username = "Bap"; let score = 100; let online = true; let skills = ["HTML", "CSS", "JS"]; let user = { name: "Bap", age: 18 };

4. Toán tử cơ bản

html Sao chép mã let a = 10; let b = 5; console.log(a + b); // 15 console.log(a - b); // 5 console.log(a * b); // 50 console.log(a / b); // 2 console.log(a % b); // 0

Toán tử so sánh:

html Sao chép mã console.log(10 > 5); // true console.log(10 == "10"); // true (so sánh lỏng) console.log(10 === "10"); // false (so sánh chặt)

5. Hàm (Function)

html Sao chép mã function hello(name) { console.log("Hello " + name); } hello("Bap"); Hoặc viết cách hiện đại hơn: html Sao chép mã const hello = (name) => { console.log(`Hello ${name}`); };

6. Câu điều kiện (if/else)

html Sao chép mã let age = 18; if (age >= 18) { console.log("Bạn là người lớn"); } else { console.log("Bạn chưa đủ tuổi"); }

7. Vòng lặp

html Sao chép mã for (let i = 1; i <= 5; i++) { console.log("Lặp lần: " + i); } Lặp qua mảng: html Sao chép mã let skills = ["HTML", "CSS", "JS"]; skills.forEach((item) => console.log(item));

8. Kết luận

JavaScript rất mạnh và dễ học nếu bạn nắm được nền tảng cơ bản. Sau bài này, bạn có thể tiếp tục học:

DOM – thay đổi giao diện bằng JavaScript
Fetch API – lấy dữ liệu từ server
ES6 – cú pháp hiện đại
Làm project nhỏ: Todo List, Calculator...

Chúc bạn học tốt và hẹn gặp lại ở bài tiếp theo!