React Ultimate - React.JS Cơ Bản Từ Z Đến A Cho Beginners

Hiểu và Làm Chủ React (Chỉ Học Những Thứ Cần Thiết)

4.6

(839 đánh giá)

3,356 học viên

Giảng viên

Hỏi Dân IT @hoidanit

Đánh giá cao

79.000đ 699.000đ -89%

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

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

21.5 giờ video

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ì

HỌC đi đôi với "THỰC HÀNH", xây dựng ĐAM MÊ về lập trình với REACT

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

HIỂU và LÀM CHỦ React, XÂY DƯNG được các SẢN PHẨM website THỰC TẾ phục vụ mục đích học tập và đi làm

Hiểu rõ Lịch Sử Phát Triển của React và Công Nghệ sử dụng với React

Cập nhật kiến thức mới nhất với React 18 và React 19

Yêu cầu

Có tư duy lập trình

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

Có kiến thức về HTML, CSS, Javascript 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à đủ.

Nội dung khóa học

16 phần • 136 bài giảng

1 Demo kết quả đạt được sau khi kết thúc khóa học

2 Tổng quan về các kiến thức sẽ học

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

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

5 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 #1. Hướng Dẫn Sử Dụng Khóa Học Hiệu Quả

2 #2. Hướng dẫn tải tài liệu khóa học

3 #3. Yêu cầu để học được khóa học này

4 #4. Về Quyền Tác Giả

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

1 #7. Cài đặt NodeJS

2 #8. Cài đặt Visual Studio Code

3 #9. Cấu hình Visual Studio Code

4 #10. Tại sao mình dùng VScode ?

5 #11. Cài đặt và sử dụng Git

6 #12. Cài đặt Google Chrome

1 #13. React là gì ? Tại sao lại học React ?

2 #14. Phân biệt React, Angular, Vue

3 #15. Cơ hội việc làm của React

4 #16. Lịch sử phát triển của React - Chúng ta đang ở đâu ?

5 #17. Có bao nhiêu cách để code React

6 #18. Nên code React với Javascript hay Typescript

7 #19. Tìm tài liệu về React ở đâu

1 #20. Setup dự án thực hành

2 #21. Cách mình setup dự án (Extra)

3 #22. Hello World với React

4 #23. Cấu trúc dự án thực hành

5 #24. Đặt tên file JS/JSX/TS/TSX cho React ?

6 #25. Cơ chế hoạt động của React với Browser (Extra)

7 #26. Tại sao gọi React là Client Side Rendering (Extra)

1 #27. Khái niệm về Component

2 #28. Component

3 #29. Import/Export Component

4 #30. JSX

5 #31. Cách sử dụng biến số với JSX

6 #32. Nested Component - Quan hệ Cha-Con

7 #33. Bài tập Components

8 #34. Props

9 #35. Truyền Function từ cha sang con

10 #36. DOM Events

11 #37. Kiểm Soát Data với State - useState Hook

12 #38. Re-render với State

13 #39. Render List

14 #40. Each child in a list should have a unique “key” prop

15 #41. Render với điều kiện

16 #42. Bài tập Delete Todo

17 #43. Tổng kết các kiến thức đã học

1 #44. Giới Thiệu về Router

2 #45. Tích Hợp Router

3 #46. Cấu trúc dự án React (Extra)

4 #47. Tạo Header/Footer

5 #48. Nested Routes với Outlet

6 #49. Client Route với Link

7 #50. Active Link

8 #51. Index Route

9 #52. Xử lý NotFound

1 #53. Giới thiệu về dự án thực hành

2 #54. Backend là gì ?

3 #55. API là gì ?

4 #56. Cài đăt MongoDB Compass

5 #57. Tạo tài khoản Mongodb Atlas

6 #58. Tạo Database cho dự án

7 #59. Kiểm Tra Kết Nối Database

8 #60. Cài đặt Backend

9 #61. Cài đặt Postman Test API

1 #62. Có bao nhiêu cách code CSS với React

2 #63. Các Thư Viện Về Component

3 #64. Cài đặt Antd

4 #65. Cách sử dụng Antd Component (Extra)

5 #66. Tạo Base Giao Diện Users

6 #67. State Hóa Form

7 #68. Sử dụng thư viện để gọi API

8 #69. Tạo mới User

9 #70. Config Axios Interceptor

10 #71. Xử Lý Lỗi với Interceptor

11 #72. React Lifecycle

12 #73. useEffect Hook

13 #74. Design Modal Create User

14 #75. Lifting State Up - Hoàn Thiện Create User

15 #76. Design Modal Update User

16 #77. useEffect với Dependency

17 #78. Hoàn Thiện Update User

18 #79. Bài Tập Xem Chi Tiết User

19 #80. Bài Tập Delete User

1 #81. Setup Eslint Giúp Phát Hiện Lỗi

2 #82. Hiển Thị Avatar User

3 #83. Xử Lý Sự Kiện onChange với File

4 #84. Hoàn thiện Update Avatar

5 #85. Khái niệm Phân Trang - Pagination

6 #86. Sử Dụng Phân Trang với Antd

7 #87. Hoàn thiện Phân Trang User

8 #88. Khái niệm Re-render

9 #89. Sử Dụng Uncontrolled Component Cho Register

10 #90. Hoàn thiện tính năng Register

11 #91. Chia Layout Responsive (Extra)

1 #92. Bài Tập Design Login

2 #93. Hoàn Thiện Tính Năng Login

3 #94. Cơ chế Stateless sử dụng Token

4 #95. Access Token sử dụng với Stateless

5 #96. Nơi nào dùng để lưu trữ Token tại Frontend (Extra)

6 #97. Logic Xử Lý Sau Khi Login

7 #98. Sử Dụng React Context API

8 #99. React props.Children

9 #100. Xử Lý F5 (Refresh Page)

10 #101. Private Route với React

11 #102. Chức năng Logout

12 #103. Tổng Kết về mô hình Stateless với Access Token (JWT)

1 #104. Nguyên Tắc Thực Hành

2 #105. Bài Tập Hiển Thị Book

3 #106. Bài Tập Xem Chi Tiết Book

4 #107. Bài Tập Thêm Mới Book (Controlled Component)

5 #108. Bài Tập Thêm Mới Book (Uncontrolled Component)

6 #109. Bài Tập Cập Nhật Book (Controlled Component)

7 #110. Bài Tập Cập Nhật Book (Uncontrolled Component)

8 #111. Bài Tập Xóa Book

1 #112. Thêm Loading Bar (Extra)

2 #113. Fix Các Bug Còn Tồn Đọng

3 #114. Hook Là Gì ?

4 #115. Phân Tích Câu Chuyện Deploy ?

5 #116. Deploy Backend Với Render

6 #117. Deploy Frontend Với Vercel

7 #118. Nhận xét về dự án thực hành

8 #119. What's next | Học gì Tiếp Theo ?

9 #120. Suy nghĩ về Level Intern/Fresher

1 #121. Câu Chuyện React ra version mới

2 #122. React 19 ra đời khi nào ?

3 #123. Upgrade Project to React 19

4 #124. Sử dụng React Context với React 19 trở đi

5 #125. Câu Chuyện Về Next.JS

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

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

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

React version 18 & 19

React là thư viện với cơ chế CSR - client side rendering

Các kiến thức trọng tâm:

Phân biệt các phong cách code/sử dụng React trong thực tế
Học React với đúng tư duy ban đầu của React - React là library UI

Các kiến thức về React (cốt lõi nhất):