Giới thiệu loạt bài

JavaScript là ngôn ngữ của web: chạy trên mọi trình duyệt, trên máy chủ (Node.js), trong ứng dụng di động và desktop. Loạt bài đi từ cú pháp cơ bản đến các khái niệm chuyên sâu (closure, this, event loop), Node.js, kiểm thử và một dự án hoàn chỉnh, cập nhật theo chuẩn ECMAScript mới nhất.

16 bài, khoảng 14 giờCơ bản đến nâng cao
Bạn sẽ học được
  • Nắm chắc cú pháp, hàm, mảng, đối tượng, DOM
  • Lập trình bất đồng bộ, mô-đun, lớp và xử lý lỗi
  • Hiểu sâu phạm vi, closure, this, event loop
  • Dùng Node.js, npm, kiểm thử và hoàn thành dự án

Dành cho ai?

  • Người đã học HTML, CSS cơ bản muốn làm trang web tương tác.
  • Sinh viên CNTT, giáo viên Tin học.
  • Người học Python muốn mở rộng sang lập trình web.

Cần chuẩn bị gì?

  • Trình duyệt Chrome/Edge/Firefox, VS Code, Node.js bản LTS.
  • Kiến thức HTML/CSS cơ bản (xem mục Phát triển web).

Nội dung loạt bài

Bài 1. Giới thiệu và môi trườngConsole, nhúng JS, Node.jsBài 2. Biến và kiểu dữ liệulet, const, template stringBài 3. Điều kiện và vòng lặpif, switch, for, whileBài 4. HàmHàm mũi tên, callback, closureBài 5. Mảng và đối tượngmap, filter, reduce, JSONBài 6. DOM và sự kiệnĐiều khiển trang webBài 7. Bất đồng bộ và fetchPromise, async/await, APIBài 8. Mô-đunimport/export, npmBài 9. Lớp và OOPPrototype, class, #privateBài 10. Xử lý lỗi và gỡ lỗitry/catch, Error, DevToolsBài 11. Closure, this, event loopHiểu sâu cách JS chạyBài 12. Map, Set, generatorCấu trúc dữ liệu hiện đạiBài 13. Web Storage và Web APIlocalStorage, Observer, ClipboardBài 14. Node.js và npmTệp, package.json, Express APIBài 15. Kiểm thử và chất lượng mãVitest, ESLint, PrettierBài 16. Dự án ứng dụng ghi chúTổng hợp toàn bộ loạt bài

Cách học hiệu quả

  • Gõ lại từng ví dụ trong Console (F12) hoặc VS Code.
  • Làm hết phần Thực hành trước khi sang bài mới.
  • Bài 11 khó hơn: đọc chậm, chạy thử và dự đoán kết quả.
  • Bí thì đọc thông báo lỗi, tra MDN Web Docs hoặc hỏi AI (loạt bài AI hỗ trợ lập trình).
Mẹo hay

Học xong Bài 8, bạn có thể bắt đầu song song loạt bài TypeScript: viết lại các ví dụ JavaScript bằng TypeScript để củng cố cả hai.

Tóm tắt bài học
  • 16 bài từ cơ bản đến chuyên sâu.
  • Trọng tâm: hiểu cách JS chạy, không chỉ thuộc cú pháp.
  • Bước tiếp: TypeScript, rồi React/Next.js trong loạt Framework web.