Giới thiệu JavaScript
Bài 1 – Giới thiệu JavaScript
Giới thiệu JavaScript
JavaScript là ngôn ngữ giúp website “sống động”: thay đổi nội dung, xử lý thao tác người dùng, cập nhật dữ liệu và xây dựng ứng dụng web hiện đại. Đây là công cụ đầu tiên mà một lập trình viên web cần nắm.
1. JavaScript làm được gì?
JavaScript giúp bạn:
- Thay đổi nội dung trang web mà không cần tải lại trang.
- Lắng nghe và xử lý sự kiện: click, nhập liệu, cuộn trang.
- Gọi API để lấy dữ liệu từ server.
- Tạo hiệu ứng và trải nghiệm người dùng mượt mà.
- Viết logic ứng dụng ngay trong trình duyệt.
Ý nghĩa trọng tâm:
Nếu HTML là khung nhà, CSS là sơn – thì JavaScript chính là phần “tự động hóa” giúp ngôi nhà hoạt động.
2. Tại sao phải học JavaScript?
Ba lý do đủ mạnh để học viên dễ ghi nhớ:
1) Một ngôn ngữ – làm được Frontend + Backend
- React, Vue, Angular: Xây giao diện.
- Node.js: Viết server.
- Một ngôn ngữ, hai vai trò → hiệu quả học tập cực cao.
2) Dễ tiếp cận, dễ thử nghiệm
- Chỉ cần trình duyệt Chrome là chạy được ngay.
- Không cài môi trường phức tạp.
3) Nhu cầu tuyển dụng luôn cao
- JavaScript nằm trong top đầu danh sách yêu cầu của ngành công nghệ.
3. JavaScript hoạt động như thế nào?
3.1. Chạy trong trình duyệt
Trình duyệt có bộ máy JavaScript riêng (Chrome dùng V8).
JS chạy theo cơ chế đơn luồng + bất đồng bộ, giúp xử lý nhiều tác vụ song song mà không bị “đơ” giao diện.
3.2. Chạy trên backend
Với Node.js, JavaScript xử lý:
- API
- Database
- Logic nghiệp vụ
- Microservice
4. Ví dụ đầu tiên: thay đổi nội dung trang
<!DOCTYPE html>
<html>
<body>
<h1 id="title">Xin chào</h1>
<script>
document.getElementById("title").innerText = "Chào mừng bạn đến với JavaScript!";
console.log("JavaScript đã chạy thành công");
</script>
</body>
</html>💡 GHI NHỚ: JavaScript có thể thay đổi nội dung HTML ngay lập tức mà không cần tải lại trang
5. Ba khái niệm đầu tiên cần ghi nhớ (rất quan trọng)
1) Biến (variable)
Dùng để lưu giá trị.
2) Hàm (function)
Dùng để xử lý logic.
3) DOM
Cách JavaScript “sờ vào” HTML để thay đổi giao diện.
🔑 GHI NHỚ: Ba khái niệm này là nền tảng để học JavaScript hiệu quả
6. Bài tập thực hành nhanh
Bài tập 1
Tạo một file HTML và dùng JavaScript đổi màu chữ của một thẻ
Bài tập 2
In ra 3 dòng bất kỳ bằng console.log.
7. Kết luận bài học
- JavaScript là trung tâm của lập trình web
- Chạy trên cả frontend và backend
- Mạnh vì linh hoạt, dễ thử nghiệm, lượng tài nguyên khổng lồ
- Bắt đầu bằng những thao tác đơn giản: thay đổi nội dung, xử lý sự kiện, in ra console
🔑 GHI NHỚ QUAN TRỌNG:
- JavaScript giúp website “sống động”
- Chỉ cần trình duyệt là có thể học và thử nghiệm ngay
- Ba khái niệm cốt lõi: biến, hàm, DOM