inflearn logo

Học TypeScript cùng AI — Từ cú pháp cơ bản đến triển khai ứng dụng full-stack

Trong thời đại AI có thể viết mã thay bạn, nếu không đọc được mã thì bạn cũng không thể sửa chữa hay tin tưởng nó. Khóa học này giúp bạn làm quen với TypeScript bằng cách đọc, chạy và kiểm chứng bằng kiểu dữ liệu đối với mã do các công cụ lập trình AI như Claude Code, Codex và Gemini tạo ra, thay vì học thuộc cú pháp và tự tay gõ mã. Từ cú pháp cơ bản, thao tác DOM, backend Express, hoàn thiện ứng dụng danh sách việc cần làm cho đến triển khai trên Render, bạn sẽ trải nghiệm trọn vẹn quy trình thực tế: đưa ra chỉ dẫn chính xác cho AI và kiểm tra kết quả.

1 học viên đang tham gia khóa học này

Độ khó Cơ bản

Thời gian Không giới hạn

AI
AI
JavaScript
JavaScript
TypeScript
TypeScript
Express
Express
Node.js
Node.js
AI
AI
JavaScript
JavaScript
TypeScript
TypeScript
Express
Express
Node.js
Node.js

Bạn sẽ nhận được điều này sau khi học.

  • Khả năng đọc từng dòng mã TypeScript do AI tạo ra và tự mình phát hiện lỗi kiểu dữ liệu cũng như hành vi không chính xác

  • Toàn bộ cú pháp TypeScript được sử dụng trong thực tế, từ kiểu, hàm, đối tượng, mảng, lớp, generic cho đến các kiểu nâng cao.

  • Giao diện trình duyệt được xây dựng bằng Vite và thao tác DOM, máy chủ API REST được xây dựng bằng Express·Zod

  • Phương pháp làm việc chỉ dẫn chính xác cho AI và xem xét kết quả bằng tệp ngữ cảnh (AGENTS.md) cùng kế hoạch theo từng bước (PLAN.md)

  • Sản phẩm hoàn thiện của ứng dụng danh sách việc cần làm full-stack gồm giao diện và máy chủ, đã được triển khai trên Render

Bạn có biết đọc mã do AI viết không?

Công cụ lập trình AI có thể tạo mã chỉ trong vài giây. Nhưng nếu không đọc được mã đó, bạn sẽ không thể sửa khi có lỗi, cũng không thể đánh giá liệu nó có hoạt động đúng hay không.

Khóa học này không học thuộc cú pháp TypeScript bằng cách tự tay gõ, mà học theo phương pháp yêu cầu AI viết mã → đọc → chạy → đặt câu hỏi và sửa. Hệ thống kiểu của TypeScript là hàng rào an toàn đáng tin cậy nhất giúp lọc ra các lỗi trong mã do AI tạo trước khi chạy. Vì vậy, đây là ngôn ngữ bạn nên học đầu tiên trong thời đại lập trình cùng AI.

Bắt đầu từ cú pháp cơ bản, đi qua giao diện trình duyệt (DOM, Vite) và API backend (Express, Zod), cuối cùng bạn sẽ triển khai lên Internet ứng dụng danh sách việc cần làm full-stack do chính mình xây dựng. Khóa học được cập nhật theo TypeScript 7 mới nhất, và bạn có thể theo học bằng bất kỳ công cụ nào trong số Claude Code, Codex hoặc Gemini Code Assist.

Sau khi hoàn thành khóa học, bạn có thể tạo ra sản phẩm như thế này

Tiêu đề hình ảnh ví dụ (1)

Hãy viết một mô tả ngắn về ví dụ.

Tiêu đề hình ảnh ví dụ (2)

Hãy viết một mô tả ngắn gọn về ví dụ.

Tiêu đề hình ảnh ví dụ (3)

Hãy viết một mô tả ngắn gọn về ví dụ.

Tiêu đề hình ảnh ví dụ (4)

Hãy viết một mô tả ngắn về ví dụ.

  • Bạn có thể đọc từng dòng mã TypeScript do AI tạo ra và tự mình phát hiện lỗi kiểu dữ liệu cũng như những hành vi không chính xác.


  • Học cách chỉ dẫn chính xác cho AI và xem xét kết quả theo quy trình làm việc sử dụng tệp ngữ cảnh (AGENTS.md) và kế hoạch từng bước (PLAN.md).

  • Hiểu được toàn bộ quy trình hoạt động của ứng dụng web, từ giao diện trình duyệt đến máy chủ và triển khai.

Nội dung học tập

Phần (1) Kiến thức cơ bản về TypeScript: kiểu dữ liệu · câu lệnh điều khiển · hàm

Học về biến và kiểu dữ liệu, kiểu kết hợp (union type), câu lệnh điều kiện và vòng lặp, phạm vi; đồng thời nắm vững cách chú thích kiểu cho hàm, bí danh kiểu và thu hẹp kiểu. Ở mỗi phần, bạn sẽ làm bài kiểm tra ôn tập bằng công cụ lập trình AI và giải quyết bài toán ứng dụng thực tế (máy tính giá sau giảm).

Phần (2): Đối tượng · Mảng · Lập trình hướng đối tượng · Kiểu nâng cao

Bạn sẽ học về destructuring, optional chaining, các phương thức mảng (map, filter, reduce), class và interface, generic, Map và Set. Tiếp đó, bạn sẽ nắm được cách đọc các kiểu nâng cao thường gặp trong mã nguồn thực tế, từ keyof, kiểu ánh xạ, các kiểu tiện ích (Partial, Pick, Record) cho đến satisfies.

Phần (3) Trình duyệt và máy chủ: DOM · Vite · Express

Thao tác DOM trong máy chủ phát triển Vite, đồng thời học về sự kiện, kết xuất phía máy khách và mô-đun ES. Tiếp đó, tạo REST API bằng Express 5, xác thực yêu cầu bằng Zod, đồng thời sắp xếp mã máy chủ bằng middleware và router.

Phần (4) Dự án thực tế và triển khai

Kết nối giao diện với máy chủ bằng async/await và fetch. Dựa trên các yêu cầu và thiết kế, bạn sẽ nhận kế hoạch từ AI, xem xét kế hoạch đó, sau đó triển khai ứng dụng danh sách việc cần làm qua năm bước. Cuối cùng, triển khai ứng dụng lên gói miễn phí của Render để đưa ứng dụng hoàn chỉnh lên Internet.

Lưu ý trước khi tham gia khóa học

Môi trường thực hành

  • Hệ điều hành: Có thể sử dụng Windows, macOS hoặc Linux (giao diện trong khóa học là Windows)

  • Công cụ sử dụng:

    • Node.js 22.18 trở lên (khuyến nghị LTS)

    • Visual Studio Code

    • 1 công cụ lập trình AI: Chọn một trong Claude Code, Codex hoặc Gemini Code Assist. Vui lòng kiểm tra các gói cước của từng công cụ trên trang chính thức.

    • Thực hành triển khai: Tài khoản GitHub, tài khoản Render miễn phí (không cần thẻ tín dụng)

  • Cấu hình PC: Chỉ cần một PC thông thường có thể chạy VS Code và trình duyệt một cách mượt mà là đủ.

Tài liệu học tập

  • Slide bài giảng (PDF)

  • 2 kho lưu trữ mã thực hành trên GitHub: dành cho Phần 1~9 (Infran_TypeScript), dành cho Phần 10~11 (Infran_TypeScript_Express)

  • Câu đố ôn tập theo từng phần: thực hiện bằng cách nhập "Hãy ra câu đố phần 2 cho tôi" vào cửa sổ trò chuyện của công cụ lập trình AI

  • 7 bài tập ứng dụng thực tế, yêu cầu dự án danh sách việc cần làm (REQUIREMENTS.md) và hình minh họa bố cục màn hình

Kiến thức cần có và lưu ý

  • Bạn cần có kiến thức cơ bản về HTML và CSS. Không cần có kinh nghiệm về JavaScript hay TypeScript.

  • Mã do AI tạo ra có thể khác nhau đôi chút mỗi lần chạy. Mã trên màn hình bài giảng chỉ mang tính minh họa; chúng tôi cũng sẽ hướng dẫn cách kiểm tra thông qua tên, quy tắc và điều kiện hoàn thành.

  • Vui lòng để lại câu hỏi trên diễn đàn hỏi đáp của khóa học. (Vui lòng điền chu kỳ trả lời và chính sách cập nhật theo tiêu chuẩn của giảng viên)

  • Nghiêm cấm phân phối và bán lại trái phép video cũng như tài liệu của khóa học.

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Người mới bắt đầu tạo code bằng công cụ lập trình AI nhưng không hiểu ý nghĩa của code nên không thể sửa chữa hay tin tưởng nó.

  • Nhà phát triển đã từng dùng JavaScript nhưng cứ gặp lỗi kiểu dữ liệu là bế tắc, nên không thể chuyển sang TypeScript.

  • Những người dù đã học các bài giảng về ngữ pháp nhưng chưa từng hoàn thiện một ứng dụng có cả giao diện và máy chủ từ đầu đến cuối.

  • Ứng viên định hướng Frontend biết HTML·CSS nhưng cảm thấy mơ hồ về Backend và triển khai, nên chưa thể tích lũy kinh nghiệm Full-stack.

  • Lập trình viên cấp dưới lo lắng không dám đăng nguyên xi mã do AI viết lên nhóm vì không thể kiểm tra mã đó

Cần biết trước khi bắt đầu?

  • Cần có kiến thức cơ bản về HTML và CSS. Chỉ cần đủ khả năng đọc hiểu cấu trúc và kiểu dáng của màn hình là được.

  • Trong lớp học, chúng ta sẽ sử dụng các công cụ lập trình AI. Vui lòng chuẩn bị một trong các công cụ Claude Code, Codex hoặc Gemini Code Assist.

Xin chào
Đây là YoungJea Oh

Xác minh sự nghiệp

5,789

Học viên

502

Đánh giá

162

Trả lời

4.8

Xếp hạng

23

Các khóa học

Tôi là giảng viên chuyên gia về AI, người giảng dạy trong lĩnh vực Trí tuệ nhân tạo và Python dựa trên hơn 30 năm kinh nghiệm thực tế trong ngành IT. Tôi phát triển và giảng dạy các chương trình đào tạo tập trung vào thực hành như Deep Learning, NLP, Fine-tuning LLM, AI Agent dựa trên LangChain/LangGraph, và Phát triển dựa trên AI (AIDD). Tôi truyền tải hơn 30 năm kinh nghiệm phát triển và vận hành tích lũy được tại phòng máy tính của Hyundai Engineering & Construction, Samsung SDS và Ngân hàng Citibank Hàn Quốc vào các bài giảng đầy tính thực tiễn. Hiện tại, tôi đang dẫn dắt các khóa học về trí tuệ nhân tạo tại KOSA, KOSTA, KITRI và các tổ chức khác.

Địa chỉ trang chủ: https://ironmanciti.github.io/

Thêm

Chương trình giảng dạy

Tất cả

134 bài giảng ∙ (13giờ 32phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Khóa học khác của YoungJea Oh

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

Ưu đãi có thời hạn

44.000 ₫

20%

1.141.748 ₫