Giới thiệu loạt bài
JavaScript làm trang web sống động; TypeScript thêm kiểu dữ liệu để mã an toàn và dễ bảo trì. Loạt bài đi từ nền tảng đến TypeScript cho dự án thật.
Bạn sẽ học được
- Viết JavaScript hiện đại (ES6+)
- Điều khiển trang web bằng DOM và sự kiện
- Gọi API bằng fetch, async/await
- Dùng TypeScript để viết mã chặt chẽ
Dành cho ai?
- Người đã biết HTML, CSS muốn thêm tương tác.
- Người muốn học framework React, Vue, Svelte.
- Lập trình viên Python, C muốn học thêm ngôn ngữ web.
Cần chuẩn bị gì?
- Biết HTML và CSS cơ bản.
- Trình duyệt hiện đại và một trình soạn thảo mã (VS Code).
- Nên biết khái niệm lập trình cơ bản (biến, điều kiện).
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. TypeScript cơ bảnKiểu, interface, unionBài 10. TypeScript nâng caoGeneric, utility types, strict
Cách học hiệu quả
- Mở Console (F12) và thử mọi dòng mã ngay khi học.
- Làm một mini dự án song song: danh sách việc cần làm.
- Đọc thông báo lỗi trong Console; đây là kỹ năng quan trọng nhất.
Mẹo hay
Trang MDN Web Docs (developer.mozilla.org) là tài liệu tra cứu tốt nhất cho JavaScript.
Tóm tắt bài học
- JavaScript cho tương tác, TypeScript cho an toàn.
- Nắm DOM, sự kiện, bất đồng bộ trước khi học framework.
- Làm dự án nhỏ để củng cố.