Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Mastering TypeScript - 2026 Edition

Thành thạo TypeScript - Phiên bản 2026

Thành thạo TypeScript - Phiên bản 2026

Học ngôn ngữ lập trình phát triển nhanh nhất thế giới từ đầu. Bao gồm Webpack & React!

4.6
(6,864 đánh giá)
36,475 học viên
Giảng viên
Colt Steele
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
11.0 giờ video
154 bài giảng
7 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 18/03/2026

Bạn sẽ học được gì

Mọi ngóc ngách về cú pháp của TypeScript
Interface, Generics, Class, Module và hơn thế nữa trong TypeScript
Tích hợp TypeScript với Webpack
Sử dụng TypeScript với ReactJS

Yêu cầu

Có kinh nghiệm cơ bản với JavaScript

Đối tượng phù hợp

Dành cho người mới bắt đầu hoàn toàn với TypeScript

Nội dung khóa học

19 phần • 151 bài giảng
1 Chào mừng & Tổng quan khóa học
2 Tham gia cộng đồng!
3 Yêu cầu trước khóa học
4 Lý do nên dùng TypeScript
5 Tổng quan về TypeScript
6 TẢI SLIDE KHÓA HỌC!
1 Cài đặt TypeScript
2 ⚠️ HÀNH ĐỘNG QUAN TRỌNG - Để đảm bảo mọi thứ hoạt động đúng với khóa học! ⚠️
3 TypeScript Playground
4 QUAN TRỌNG: Về chủ đề màu sắc của Visual Studio Code
5 Cài đặt Visual Studio Code
6 Cách chúng ta sử dụng TypeScript
1 Chú thích Kiểu dữ liệu đầu tiên của chúng ta
2 Làm việc với Số và Boolean
3 Biên dịch TypeScript
4 Suy luận Kiểu dữ liệu (Type Inference)
5 Kiểu dữ liệu Any
6 Khởi tạo trễ & Any ngầm định
1 Chú thích Kiểu dữ liệu cho Tham số Hàm
2 Thêm về Chú thích Kiểu dữ liệu cho Tham số Hàm
3 Làm việc với Tham số Mặc định
4 Chú thích Kiểu dữ liệu cho Giá trị Trả về
5 Kiểu dữ liệu Ngữ cảnh cho Hàm Ẩn danh
6 Kiểu dữ liệu Void
7 Kiểu dữ liệu Never
8 BÀI TẬP về Kiểu dữ liệu Hàm
1 Làm việc với Kiểu dữ liệu Đối tượng
2 Thêm về Kiểu dữ liệu Đối tượng
3 Thuộc tính thừa (Excess Properties)
4 Tạo Bí danh Kiểu dữ liệu (Type Aliases)
5 Đối tượng lồng nhau
6 Thuộc tính Tùy chọn (Optional)
7 Bổ từ readonly
8 Kiểu dữ liệu Giao nhau (Intersection Types)
9 BÀI TẬP về Kiểu dữ liệu Đối tượng
1 Làm việc với Kiểu dữ liệu Mảng
2 Thêm về Cú pháp Mảng
3 Mảng đa chiều
4 BÀI TẬP về Kiểu dữ liệu Mảng
1 Giới thiệu Kiểu dữ liệu Hợp nhất
2 Thu hẹp Kiểu dữ liệu với Union Types
3 Union Types và Mảng
4 Kiểu dữ liệu Chữ (Literal Types)
5 BÀI TẬP về Kiểu dữ liệu Hợp nhất
1 Giới thiệu Tuple
2 Thêm một chút về Tuple
3 LƯU Ý: Về Slide trong bài học sắp tới
4 Giới thiệu Enum
5 Thêm một chút về Enum!
6 Hậu trường của Enum
1 Giới thiệu Interface
2 Thuộc tính Readonly và Optional trong Interface
3 Phương thức trong Interface
4 Tham số Phương thức trong Interface
5 Mở rộng Interface (Reopening)
6 Kế thừa Interface (Extending)
7 Kế thừa Nhiều Interface
8 Interface so với Type Aliases
1 ⚠️ HÀNH ĐỘNG QUAN TRỌNG - Để đảm bảo mọi thứ hoạt động đúng! ⚠️
2 Biên dịch sang JavaScript
3 Chế độ Theo dõi (Watch Mode)
4 Làm việc với Nhiều File
5 Tùy chọn Compiler Files
6 Tùy chọn Include & Exclude
7 Tùy chọn Outdir
8 Tùy chọn Target
9 Tùy chọn Strict
10 Tổng kết Tùy chọn Compiler
1 ⚠️ NHẮC LẠI: HÀNH ĐỘNG QUAN TRỌNG để đảm bảo mọi thứ hoạt động đúng! ⚠️
2 Thiết lập một Dự án Đơn giản
3 Làm việc với DOM
4 Tùy chọn Compiler Lib
5 Toán tử Non-Null Assertion của TypeScript
6 Khẳng định Kiểu dữ liệu (Type Assertions)
7 Khẳng định Kiểu dữ liệu với DOM
8 Làm việc với Sự kiện
9 Xây dựng Danh sách Công việc (Todo List)
10 Thêm một Interface
11 Kết nối với LocalStorage
12 Hoàn thiện Danh sách Công việc
1 Thiết lập cho phần Lớp
2 Từ khóa Class
3 Hàm tạo (Constructors)
4 Trường dữ liệu trong Lớp (Class Fields)
5 Trường dữ liệu Private
6 Getter
7 Setter
8 Thuộc tính & Phương thức Tĩnh (Static)
9 Kế thừa Lớp
10 Hàm super() đáng sợ
1 Chú thích Kiểu dữ liệu cho Lớp trong TypeScript
2 Trường dữ liệu Lớp trong TypeScript
3 Thuộc tính Lớp readonly
4 Bổ từ public
5 Bổ từ private
6 Cú pháp viết tắt cho Thuộc tính Tham số (Parameter Properties)
7 Getter và Setter
8 Bổ từ protected
9 Lớp và Interface
10 Tạo Lớp Trừu tượng (Abstract Classes)
1 Giới thiệu Generics
2 Một ví dụ khác về Generic có sẵn
3 Viết Generic đầu tiên của chúng ta
4 Viết một Hàm Generic khác
5 Tham số Kiểu Generic được Suy luận
6 Generics, Hàm Mũi tên & File TSX
7 Generics với Nhiều Kiểu dữ liệu
8 Thêm Ràng buộc Kiểu dữ liệu (Type Constraints)
9 Tham số Kiểu Mặc định
10 Viết Lớp Generic
1 Bảo vệ bằng Typeof
2 Bảo vệ bằng Truthiness
3 Thu hẹp bằng So sánh (Equality)
4 Thu hẹp bằng Toán tử In
5 Thu hẹp bằng Instanceof
6 Làm việc với Vị ngữ Kiểu dữ liệu (Type Predicates)
7 Union có Phân biệt (Discriminated Unions)
8 Kiểm tra Toàn diện với Never
1 Giới thiệu Khai báo Kiểu dữ liệu
2 Sử dụng Thư viện bên thứ ba: Axios
3 Làm việc với Kiểu dữ liệu của Axios
4 Cài đặt Kiểu dữ liệu Riêng biệt
1 ⚠️ NHẮC LẠI: HÀNH ĐỘNG QUAN TRỌNG để đảm bảo mọi thứ hoạt động đúng! ⚠️
2 Lưu ý về Namespace
3 Làm việc không dùng Module
4 Sử dụng Module trong TypeScript
5 Thay đổi Hệ thống Module khi Biên dịch
6 Cú pháp Import/Export chi tiết
7 Import Kiểu dữ liệu
1 ⚠️ NHẮC LẠI: HÀNH ĐỘNG QUAN TRỌNG để đảm bảo mọi thứ hoạt động đúng! ⚠️
2 Mục đích của Webpack là gì?
3 Thiết lập một Dự án
4 Cài đặt các Phụ thuộc của Webpack
5 Cấu hình Webpack cơ bản
6 Thêm Source Maps
7 LƯU Ý QUAN TRỌNG: Sửa lỗi thiếu cấu hình devServer
8 Webpack Dev Server
9 Cấu hình cho Môi trường Sản xuất (Production)
1 Giới thiệu React & TypeScript
2 LƯU Ý: Cách thay thế để tạo ứng dụng React - Dùng Vite
3 Tạo ứng dụng React với TypeScript
4 Component đầu tiên của chúng ta
5 Lưu ý về React.FC
6 Props với TypeScript
7 Tạo Component ShoppingList của chúng ta
8 useState với TypeScript
9 Tạo Form ShoppingItem của chúng ta
10 useRef với TypeScript
11 Cập nhật State
12 Hoàn thiện
13 Tổng kết React + TypeScript

Giới thiệu khóa học

Welcome to the best resource online for mastering TypeScript.

TypeScript is a powerful superset of JavaScript that makes development smoother, safer, and helps you catch errors and avoid bugs early on. TypeScript adds a bunch of useful features to the JavaScript that you know and love. It helps you be a more productive developer and forces you to write better code.

TypeScript has skyrocketed in popularity to become one of the world’s most popular and loved programming languages. It has doubled in popularity every year since 2017, and it continues to grow at an astronomical rate. It’s definitely the right time to learn TypeScript!

This course covers all the syntax, features, and concepts you need to master TypeScript and start using it in your own codebases. We start with the very basics of the type system and cover everything up to incorporating TypeScript in React codebases and using Webpack with TypeScript.

Here’s a detailed breakdown of the topics the course covers:

  • The TypeScript type system

  • Union Types

  • Intersection Types

  • Tuples and Enums

  • Interfaces

  • The TypeScript compiler and how to configure it

  • Working with the DOM and TypeScript

  • TypeScript Classes

  • Generics

  • Type Narrowing

  • Type Declarations

  • Working with 3rd party libraries

  • Webpack + TypeScript workflows

  • Integrating React and TypeScript

  • TypeScript’s Module System

Enroll in this course to learn what TypeScript is, why it’s so popular, and how to use it!

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học Programming Languages
Hiển thị tất cả khoá học Typescript
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊