Giới thiệu loạt bài
TypeScript là JavaScript có thêm hệ thống kiểu, giúp phát hiện lỗi ngay khi viết mã và làm dự án lớn dễ bảo trì. Đây là tiêu chuẩn mặc định của hầu hết dự án web hiện đại (React, Angular, Vue, Node.js). Loạt bài cập nhật theo TypeScript 6/7 và Node.js chạy TS trực tiếp.
Bạn sẽ học được
- Nắm hệ thống kiểu: nguyên thủy, đối tượng, union, generics
- Viết hàm, lớp, mô-đun có kiểu chặt chẽ
- Lập trình ở tầng kiểu với mapped/conditional types
- Áp dụng TS vào DOM, gọi API và một dự án hoàn chỉnh
Dành cho ai?
- Người đã học xong loạt bài JavaScript (ít nhất đến Bài 8).
- Sinh viên CNTT chuẩn bị làm đồ án web, di động.
- Lập trình viên JS muốn chuyển sang TS.
Cần chuẩn bị gì?
- Node.js bản LTS mới nhất, VS Code.
- Kiến thức JavaScript: hàm, mảng, đối tượng, Promise, mô-đun.
Nội dung loạt bài
Bài 1. Làm quen TypeScriptVì sao dùng TS, cài đặt, kiểu đầu tiênBài 2. Kiểu dữ liệu chi tiếtTuple, enum, literal, unknown, neverBài 3. Hàm có kiểuTham số, overload, type guardBài 4. Object, interface, typereadonly, Record, satisfiesBài 5. Union và narrowingDiscriminated union, vét cạnBài 6. Lớp và OOPAccess modifier, abstract, implementsBài 7. Generics và utility typesGeneric, Partial, Pick, OmitBài 8. Kiểu nâng caokeyof, mapped, conditional, inferBài 9. Mô-đun và tsconfig.d.ts, @types, cách chạy TSBài 10. TS với DOM và APISự kiện, fetch, ZodBài 11. Dự án TodoVite, localStorage, Vitest
Cách học hiệu quả
- Gõ lại ví dụ trong VS Code để thấy gợi ý và báo lỗi kiểu trực tiếp.
- Đọc kỹ thông báo lỗi của TS: chúng mô tả chính xác chỗ sai.
- Thử trên TypeScript Playground (typescriptlang.org/play) khi chưa cài đặt.
- Bật strict ngay từ đầu, không dùng any để “cho qua”.
Mẹo hay
Học song song với loạt bài JavaScript: mỗi khi xong một bài JS, hãy viết lại ví dụ đó bằng TypeScript.
Tóm tắt bài học
- TS = JS + kiểu, kiểm tra lúc biên dịch.
- 11 bài từ cơ bản đến dự án thực tế.
- Bước tiếp: React/Next.js trong loạt Framework web, hoặc Flutter cho di động.