(Tài liệu thực hành: Nghiên cứu TypeScript qua các bài tập TS)
- Giới thiệu
- Trang web chính thức của TypeScript
- Tạo và sử dụng dự án với TypeScript và Vite
- Hướng dẫn xem tham khảo code
- Tài liệu tham khảo
Chào mừng bạn đến với hành trình "Học TypeScript qua Bài tập TS"! Trong tài liệu này, chúng ta sẽ khám phá TypeScript, ngôn ngữ lập trình tiên tiến mở rộng từ JavaScript, và áp dụng kiến thức thông qua các bài tập thực hành.
TypeScript giúp nâng cao chất lượng mã nguồn bằng cách tích hợp kiểu dữ liệu tĩnh và các tính năng mạnh mẽ, giúp mã nguồn trở nên an toàn, dễ quản lý và mở rộng. Hãy cùng thực hành và nắm vững những khái niệm cơ bản của TypeScript để áp dụng chúng trong các dự án thực tế.
Trong repository này, bạn sẽ tìm thấy các bài tập TypeScript và các ví dụ minh họa. Bạn có thể tham khảo và thực hành theo các ví dụ này để nâng cao kiến thức và kỹ năng lập trình của mình.
Trang web chính thức của TypeScript là nguồn tham khảo chính xác và đáng tin cậy nhất để tìm hiểu về ngôn ngữ này. Tại đây, bạn có thể tìm hiểu về cú pháp, tính năng, và tài liệu hướng dẫn cần thiết để bắt đầu với TypeScript: typescriptlang.org
Tại đây, chúng tôi sẽ hướng dẫn bạn sử dụng dự án Vite để làm việc với TypeScript!
Vite là một công cụ phát triển ứng dụng web nhanh và hiệu quả, được xây dựng trên cơ sở của TypeScript và Vue.js. Với Vite, bạn có thể tạo ra các dự án web hiện đại một cách dễ dàng và linh hoạt.
Bạn có thể tạo dự án TypeScript với Vite bằng cách thực hiện các bước sau:
-
Tạo thư mục: Tạo một thư mục mới để chứa dự án TypeScript.
-
Vào thư mục mới: Mở terminal trên macOS và Linux hoặc command line trên Windows.
-
Sử dụng npm: Gõ lệnh sau để tạo dự án mới với Vite và TypeScript:
npm create vite@latest typescript -- --template vanilla-ts
-
Chạy dự án: Sau khi tạo dự án thành công, bạn có thể chạy dự án bằng lệnh:
npm run dev
Dự án của bạn sẽ được khởi chạy và giao diện sẽ hiển thị trên trình duyệt với đường dẫn http://localhost:5173/. Hãy chọn Vite để thao tác làm việc với TypeScript dễ dàng hơn.
Bạn có thể tìm hiểu thêm về Vite tại trang web chính thức: https://vitejs.dev/
Tiếp theo, hãy thiết lập các bước sau:
-
Tạo tệp (File)
tutorial.tstại thư mụcsrc=>src/tutorial.ts -
Tại
main.ts, thêm dòng import tệptutorial.ts
Bây giờ, hãy thực hành các kiến thức TypeScript tại tệp tutorial.ts!
-
Nhánh
master: Phần Source Code khởi tạo dự án lần đầu tiên của Vite với TypeScript. -
tutorial.ts (Nhánh
tutorial): Đây là tệp xem các phần kiến thức về cấu trúc và cú pháp cơ bản của TypeScript. -
Các file test (Nhánh
test1->test10): Đây là tệp thực hiện các bài tập thực hành thông qua bộ đề được trích từ TypeScript Exercises