Mua Khóa Học React Ultimate: React Cơ Bản Từ Z tới A

React Ultimate: React Cơ Bản Từ Z tới A

Chỉ Học React Vừa Đủ. Không Hơn, Không Kém.

(313 đánh giá) 934 học viên

Ngôn ngữ: Tiếng Việt

Tags: FRONTEND

Tác giả : Hỏi Dân IT

React Ultimate: React Cơ Bản Từ Z tới A

Chỉ Học React Vừa Đủ. Không Hơn, Không Kém.

(313 đánh giá) 934 học viên

Ngôn ngữ: Tiếng Việt

Tags: FRONTEND

Tác giả : Hỏi Dân IT

499.000 ₫

699.000 ₫-29%

Cam kết mua khóa học 1 lần, học mãi mãi, và nhận cập nhật miễn phí!

Khóa học này bao gồm:

20 giờ video theo yêu cầu
125 videos hướng dẫn
01 tài liệu hướng dẫn theo từng video
Quyền truy cập đầy đủ suốt đời
Truy cập trên thiết bị di động và TV

Những gì bạn sẽ học

HỌC đi đôi với "THỰC HÀNH", xây dựng ĐAM MÊ về lập trình với REACT
Có được TƯ DUY lập trình với React, biết cách "SEARCH Google" khi gặp lỗi
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
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

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

Nội dung khóa học

13 chương • 123 bài giảng • 20 giờ tổng thời lượng

Chapter 1: Bắt buộc xem

6 bài giảng

Hướng dẫn sử dụng khóa học hiệu quả

#1. Hướng dẫn sử dụng khóa học này hiệu quả

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

#3. Demo kết quả đạt được

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

#5. Sử Dụng Source Code của Khóa học

#6. Về Tác giả

Chapter 2: Setup Environment

6 bài giảng

Cài đặt & chuẩn bị môi trường thực hiện dự án

#7. Cài đặt NodeJS

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

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

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

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

#12. Cài đặt Google Chrome

Chapter 3: Lịch Sử Phát Triển của React (tính tới React 19)

7 bài giảng

Làm quen với quá trình phát triển của thư viện React

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

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

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

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

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

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

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

Chapter 4: Hello World với React

7 bài giảng

Viết chương trình hello world với ứng dụng Reac

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

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

#22. Hello World với React

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

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

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

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

Chapter 5: Tư duy thiết kế UI với Component

17 bài giảng

Sử dụng React dưới dạng Component để tạo nhanh UI ứng dụng

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

#28. Component

#29. Import/Export Component

#30. JSX

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

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

#33. Bài tập Components

#34. Props

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

#36. DOM Events

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

#38. Re-render với State

#39. Render List

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

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

#42. Bài tập Delete Todo

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

Chapter 6: Điều Hướng Trang Với Router

9 bài giảng

Tìm hiểu cách tạo nhiều page và điều hướng trang với React Router

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

#45. Tích Hợp Router

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

#47. Tạo Header/Footer

#48. Nested Routes với Outlet

#49. Client Route với Link

#50. Active Link

#51. Index Route

#52. Xử lý NotFound

Chapter 7: Setup Dự Án Backend

9 bài giảng

Setup dự án backend để có data phục vụ frontend React

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

#54. Backend là gì ?

#55. API là gì ?

#56. Cài đăt MongoDB Compass

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

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

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

#60. Cài đặt Backend

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

Chapter 8: Module Users

19 bài giảng

Thực hiện CRUD Users với React và Antd

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

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

#64. Cài đặt Antd

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

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

#67. State Hóa Form

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

#69. Tạo mới User

#70. Config Axios Interceptor

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

#72. React Lifecycle

#73. useEffect Hook

#74. Design Modal Create User

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

#76. Design Modal Update User

#77. useEffect với Dependency

#78. Hoàn Thiện Update User

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

#80. Bài Tập Delete User

Chapter 9: Controlled Component vs Uncontrolled Component

11 bài giảng

So sánh ưu, nhược điểm của các cách code React và áp dụng uncontrolled component để nâng cao hiệu năng

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

#82. Hiển Thị Avatar User

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

#84. Hoàn thiện Update Avatar

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

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

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

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

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

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

#91. Chia Layout Responsive (Bonus)

Chapter 10: Module Auth

12 bài giảng

Chức năng đăng ký/đăng nhập sử dụng access token

#92. Bài Tập Design Login

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

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

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

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

#97. Logic Xử Lý Sau Khi Login

#98. Sử Dụng React Context API

#99. React props.Children

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

#101. Private Route với React

#102. Chức năng Logout

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

Chapter 11: Module Book (Luyện Tập)

8 bài giảng

Luyện tập CRUD và upload file với model Book

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

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

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

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

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

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

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

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

Chapter 12: Tổng kết

9 bài giảng

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

#112. Thêm Loading Bar (Bonus)

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

#114. Hook Là Gì ?

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

#116. Deploy Backend Với Render

#117. Deploy Frontend Với Vercel

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

#119. What's next

#120. Suy nghĩ về level Intern/Fresher

Chapter 13: React 19 (Bonus)

3 bài giảng

Tìm hiểu tổng quan về React version 19

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

#122. Upgrade Project to React 19 (RC)

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

Mô tả

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):

Tư duy thiết kế UI với React (sử dụng Component)
Render/Re-render giao diện với Props và State (useState hook)
Điều hướng trang với React-router-dom
Sử dụng useEffect hook để gọi API backend
Sử dụng mô hình Stateless (với access_token)
Sử dụng Context API để sharing data giữa các component
Sử dụng Ant Design (antd) để làm giao diện chuyên nghiệp (UI - UX)
Tối ưu hóa re-render với Uncontrolled Component

Backend (Nestjs) được mình cung cấp sẵn. Chỉ sử dụng và không sửa đổi. (không học code backend trong khóa học này). Quan tầm về backend, tham khảo tại đây

Database MongoDB sử dụng online (miễn phí) với MongoDB Atlas

Lưu ý: khóa học này mình sử dụng React với JavaScript (để giảm độ khó và phù hợp với nhiều level của beginner)

Nếu bạn muốn sử dụng React với Typescript (yêu cầu đã biết về React), tham khảo tại đây
Nếu bạn muốn sử dụng React với Typescript và sử dụng framework Next.js, tham khảo tại đây

2. 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: HTML, CSS và cú pháp của Javascript

Source code cả khóa học (full project) được cung cấp (cũng như cung cấp theo từng video hướng dẫn)

3. Triển khai dự án

Đến cuối khóa học, dự án được triển khai:

Frontend triển khai với Vercel
Backend triển khai với Render
Database triển khai với MongoDB Atlas

4. Về cách support học viên

về cách support (có 3 cách):

Bạn đặt câu hỏi trực tiếp trên udemy
Đăng lên group Facebook dành cho học viên udemy
Inbox trực tiếp page này bạn nhé: https://www.facebook.com/askITwithERIC

ĐÁNH GIÁ KHÓA HỌC

4.8 trên 5

Không có nội dung tồn tại

Tại sao lại lựa chọn khóa học của Hỏi Dân IT ?

Người khác hay so sánh và "làm màu" khóa học của bản thân, cho rằng người ta là nhất, đồng thời hạ thấp các khóa học đang có trên thị trường. Điều này sẽ dẫn tới tình trạng "ảo tưởng sức mạnh về khóa học" và bản thân bạn chính là những "con gà bị lùa."

Mình không thích điều trên, vì mình biết, chẳng ai là hoàn hảo cả. Mỗi khóa học đều có điểm hay và dở của nó. No one is perfect, right ?

Thành ra, bố cục khóa học của mình rất đơn giản. Luôn có video demo thành quả đạt được, cùng với giáo án để bạn hình dung về khóa học.

Mình không thích viết nhiều, vì chỉ cần video demo (hoặc hình ảnh), nó làm đơn giản hóa vấn đề so với việc miêu tả "làm màu" khóa học.

Điều bạn cần làm, để tránh tình trạng "bị lùa gà", chính là 7 nguyên tắc mà mình hay áp dụng:

1. Xem kỹ video demo và giáo án khóa học để có góc nhìn tổng quát về các kiến thức sẽ học.
2. Mình chỉ chịu trách nhiệm truyền đạt kiến thức - Tức là nội dung giáo án như nào, khóa học sẽ truyền đạt như vậy
3. Học xong khóa học của mình, không đồng nghĩa với việc bạn trở thành siêu nhân hay thiên tài. Bạn cần tự làm dự án của bản thân để chuyển hóa kiến thức.
4. Mình không cam kết học xong khóa học, kiếm được việc làm lương xxx. Tất cả các khóa học miêu tả như vậy, toàn là "lùa gà", why ? Vì người ta không là công ty tuyển dụng bạn, ok ?
5. Việc học khóa học của mình, giống việc bạn đang sử dụng thực phẩm chức năng, không phải là thuốc chữa bệnh. Có nghĩa là, mình cho bạn "cần câu cơm", còn câu được cơm, cá... hay gì, là do bạn quyết định
6. Cần tư vấn giải đáp trực tiếp, inbox Facebook mình hỗ trợ
7. Mình có nguyên một mục tư vấn các câu hỏi thường gặp, các bạn có thể xem tại đây

Và, có một vài sự thật mà bạn chưa biết về "Hỏi Dân IT":

1. Mình tốt nghiệp HUST (back khoa Hà Nội) chuyên ngành CNPM hệ kỹ sư (Software Engineer). Với 3+ năm kinh nghiệm của dân "đúng ngành", và làm lĩnh vực tài chính (or ngân hàng)
2. Bạn có thể học từ mình những kinh nghiệm của người làm để rút ngắn quãng đường trở thành senior (không chỉ kỹ năng code)
3. Mình có Youtube Hỏi Dân IT để chia sẻ kiến thức IT miễn phí (hơn 40k subscribers)
4. Điểm Rating instructor trên Udemy là 4.8 (max là 5), với 3000+ students. Bạn có thể kiểm tra tại Udemy Profile của mình
5. Nếu bạn muốn nói chuyện với mình, có thể xem mình livestream trực tiếp tối thứ 2 & thứ 5 hàng tuần trên Youtube Hỏi Dân IT :v

499.000 ₫

699.000 ₫-29%

Cam kết mua khóa học 1 lần, học mãi mãi, và nhận cập nhật miễn phí!

Khóa học này bao gồm:

20 giờ video theo yêu cầu
125 videos hướng dẫn
01 tài liệu hướng dẫn theo từng video
Quyền truy cập đầy đủ suốt đời
Truy cập trên thiết bị di động và TV