React Pro TypeScript - Thực Hành Dự Án Portfolio

Những Kiến Thức Sinh Tồn Cho Fresher React.js Tìm Việc

4.7

(724 đánh giá)

2,896 học viên

Giảng viên

Hỏi Dân IT @hoidanit

Đánh giá cao

79.000đ 549.000đ -86%

✓ Xem giỏ hàng và thanh toán

Mua trực tiếp qua Zalo Học thử bài 1

8.0 giờ video

2 bài quiz

1 bài viết

Truy cập vĩnh viễn

Học trên mọi thiết bị

Cập nhật: 27/04/2026

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

THỰC HÀNH Kiến Thức React với TypeScript

Tự tin LÀM CHỦ, NẮM VỮNG những KIẾN THỨC cơ bản, cốt lõi nhất của REACT

Có được TƯ DUY lập trình với React, biết cách "SEARCH Google" khi gặp lỗi

Xây dựng và triển khai Dự án Portfolio làm đẹp CV xin việc

Yêu cầu

Có tư duy lập trình

Có hiểu biết về lập trình webiste với ReactJS là một lợi thế

Có kiến thức về HTML, CSS, Typescript cơ bản là một lợi thế

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

Tất cả những bạn mới bắt đầu, những bạn muốn học lập trình với React, đang muốn học và làm chủ React thì đây chính là khóa học các bạn tìm. React Ultimate, chỉ một là đủ.

Học React với Typescript

Nội dung khóa học

9 phần • 70 bài giảng

1 Demo kết quả đạt được

2 Hướng Dẫn Sử Dụng Tính Năng Role Play (Nhập Vai)

3 Hướng Dẫn Sử Dụng Udemy Dành Cho Người Mới Bắt Đầu

4 Cách Hỗ Trợ/Support Trong Quá Trình Học (Bắt Buộc Xem)

1 #0.1 AI Đã Thay Đổi Cách Học Code Như Thế Nào ?

2 #0.2 Vibe Coding Là Gì? Fundamental-driven Approach

3 #0.3 Workflow: Prompt → Generate → Understand → Verify

4 #0.4 Khi Nào Không Nên Dùng AI

5 #0.5 Kinh Nghiệm Sử Dụng Trợ Lý AI

6 #0.6 Prompting Fundamentals Cho Developers

1 Tổng quan về chapter

2 Lịch sử version của JavaScript

3 Sử dụng Var/Let/Const

4 JavaScript DataType

5 Arrow Function

6 Template literals (Template strings) | Backtick

7 Toán tử ?. và ??

8 ES Module và Common Module

9 Async Await Promise

10 Sử dụng với TypeScript

1 #1. Hướng Dẫn Sử Dụng Khóa Học Hiệu Quả

2 #2. Tài liệu khóa học

3 #3. Tại sao khóa học này ra đời ?

4 #4. Về quyền tác giả

5 #5 + #6 Về Tác giả

1 #7. Chuyện Cài Đặt Công Cụ (Bắt Buộc Xem)

2 #8. Cài đặt Node.js

3 #9. Cài đặt Visual Studio Code

4 #10. Cấu hình Visual Studio Code

5 #11. Tại sao mình dùng VScode ?

6 #12. Cài đặt và sử dụng Git

7 #13. Cài đặt Google Chrome

1 #14. Tổng quan về chapter

2 #15. Why Coding (Frontend) with Typescript

3 #16.1 Ôn tập kiến thức React với Javascript

4 #16.2 Ôn tập Kiến Thức TypeScript

5 #17. Tài liệu sử dụng React với Typescript

6 #18. Cài Đặt Dự Án Thực Hành

7 #19. Cách mình setup dự án (Extra)

8 #20. Hello World với React TypeScript

9 #21. Component

10 #22. React Function Component/React.FC (Extra)

11 #23. Props

12 #24. Type vs Interface

13 #25. Default/Optional Props

14 #26. TypeScript Generics (Extra)

15 #27. Sử dụng State

16 #28. Truyền function từ cha sang con

17 #29. Bài tập Delete Todo

18 #30. Tổng kết về chapter

1 #31. Tổng quan về chapter

2 #32. Dự án thực hành (JavaScript)

3 #33. Tích hợp TypeScript vào dự án React JavaScript

4 #34. Hero Section (TypeScript)

5 #35. TypeScript Absolute Import

6 #36. Hoàn thiện HomePage Screen

7 #37. React Context với TypeScript

8 #38. useRef với TypeScript

9 #39. Hoàn thiện Project Screen

10 #40. Hoàn thiện About Screen

11 #41. Tổng kết về chapter

1 #42. Tổng quan về chapter

2 #43. Create Vercel Account

3 #44. Link Vercel với Github

4 #45. Triển khai dự án React Vite với Vercel

5 #46. Mua Tên Miền (Mắt Bão)

6 #47. Mapping tên miền tới Vercel

7 #48. Cách tự code dự án React với TypeScript của bạn

1 #49. What’s next ?

2 Lời Cảm Ơn & Đánh Giá Khóa Học

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

1. Mục tiêu của khóa học

Hướng dẫn cách code ứng dụng React sử dụng với Typescript (hướng dẫn từ cách đọc tài liệu, search google cho tới cách thực hành)
Hướng dẫn cách “migrate” (chuyển đổi) từ code React với JavaScript sang code React với TypeScript
Là nền tảng để sử dụng các framework chuyên nghiệp của React, ví dụ Next.js (không học code Next.js trong khóa học này)
Giúp bạn có nhanh 1 CV (portfolio) xịn sò cho cá nhân bạn (hosting online)

2. Công nghệ sử dụng

Cấu hình dự án React với TypeScript và Vite từ số 0
Migrate từ javascript sang typescript

3. Học viên nào có thể học ?

Học viên cần trang bị các kiến thức sau trước khi theo học:

Có kiến thức về HTML, CSS và JavaScript.
Đã học (đã biết) React với JavaScript: khóa học này không phải là học React từ số 0. Nếu bạn chưa biết gì về React, theo học không phù hợp
Có hiểu biết về cú pháp của TypeScript

Khóa học này không phải (không giải quyết) các vấn đề sau:

Vấn đề 1: bạn bắt đầu từ số 0, muốn học code React với TypeScript

Để học được React, bạn cần biết tới HTML, CSS và JavaScript trước tiên.

Chưa học HTML, CSS và Javascript, không thể học React

Vấn đề 2: bạn biết duy nhất HTML, CSS, JS, muốn học code React với TypeScript

React (nguyên thủy) là thư viện của JavaScript.

Vì vậy, nếu học HTML, CSS, JS rồi học React (Javascript) sẽ dễ và “nhàn” hơn cho bạn (vì bạn không cần học TypeScript).

=> khóa học này yêu cầu bạn đã biết code & hiểu React với JavaScript.

Việc còn lại, sử dụng TypeScript với React như thế nào, sẽ được hướng dẫn trong khóa học.