← Tất cả khoá học

Lập trình JavaScript cơ bản

Ngôn ngữ của web

Biên soạn bởi Nguyễn Anh Tuấn

Học JavaScript từ đầu - ngôn ngữ của web - để làm trang web tương tác và dựng app web nhỏ chạy ngay: chạy ở trình duyệt & Node, biến & kiểu (cùng các “quirk”), hàm/closure/this, mảng & object, class & prototype, bất đồng bộ (Promise/async-await), DOM & sự kiện, fetch & JSON, module & npm.

12 bài ~264 phút Đã xuất bản Cập nhật 11/06/2026

Học xong mèo con làm được gì?

  • Viết được JavaScript chạy trên web - ngôn ngữ phổ biến bậc nhất thế giới.
  • Làm trang web tương tác: thao tác DOM, bắt sự kiện, gọi API và hiển thị dữ liệu.
  • Hiểu closure, this và bất đồng bộ (async/await) - những điểm hay làm người mới vấp.
  • Dựng app web nhỏ hoàn chỉnh, chạy được ngay trên trình duyệt.

Lộ trình học

  1. 1 JS chạy ở đâu & cài đặt Học JavaScript từ đầu: JS chạy trong trình duyệt và Node.js (runtime), thử ngay với Console & REPL, viết chương trình đầu tiên; engine V8 và JIT là gì.
  2. 2 Biến & kiểu dữ liệu JavaScript Biến let/const và kiểu dữ liệu JavaScript: number, string, boolean, null vs undefined; == vs === và ép kiểu (type coercion) - kèm bẫy float khi lưu tiền.
  3. 3 Rẽ nhánh & vòng lặp Điều khiển luồng (control flow) trong JavaScript: if/else, switch, toán tử logic &&/||/??, vòng lặp for/while, break/continue và for...of - kèm bẫy kinh điển.
  4. 4 Hàm, closure & this Hàm trong JavaScript là công dân hạng nhất (first-class): scope, closure giữ trạng thái riêng, arrow function, và cách xác định this theo cách gọi hàm.
  5. 5 Mảng & object Xử lý mảng & object trong JavaScript: map/filter/reduce, destructuring, spread (sao chép nông), và JSON.stringify/parse để lưu & trao đổi dữ liệu.
  6. 6 Class & prototype Class trong JavaScript: constructor, method, extends & super - và bản chất là prototype chain: vì sao OOP của JavaScript dựa trên prototype.
  7. 7 Xử lý lỗi & debug Xử lý lỗi trong JavaScript: throw, try/catch/finally, đối tượng Error & stack trace, lỗi đồng bộ vs bất đồng bộ, debug bằng console & DevTools.
  8. 8 Bất đồng bộ Lập trình bất đồng bộ (asynchronous) trong JavaScript: callback → Promise → async/await, và event loop với microtask/macrotask - vì sao JS không đứng hình.
  9. 9 DOM & sự kiện DOM & sự kiện trong JavaScript: chọn phần tử bằng querySelector, sửa nội dung an toàn (tránh XSS), addEventListener, bubbling & event delegation.
  10. 10 Fetch & JSON: gọi API Gọi API bằng fetch trong JavaScript: async/await thực chiến, Response & response.json(), bẫy 404 không reject (response.ok), xử lý lỗi mạng & hiển thị dữ liệu.
  11. 11 Module (ESM) & npm Module ESM (import/export) & npm: package.json, semver ^ và ~, ESM vs CommonJS, và bundler (Vite) gộp code - nền tảng cho dự án JavaScript thật.
  12. 12 Dự án: app web nhỏ Dự án JavaScript cuối khoá: dựng app To-Do hoàn chỉnh - tách lõi khỏi UI, render DOM, event delegation, lưu bằng localStorage + JSON. Chạy được ngay.

Sắp bắt tay vào dự án thật?

Tên miền, VPS, hosting để đưa sản phẩm lên mạng - chọn ở trang Ưu đãi. Mua qua link là góp thêm “cá” nuôi Mèo, bạn không tốn thêm.

Ưu đãi & công cụ →