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

What's inside

Learning objectives

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

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

Syllabus

Chapter 1: Bắt buộc xem

#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

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

#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

#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

#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

#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

#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

#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

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

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Dành cho đối tượng học viên có kiến thức cơ bản về lập trình (triển khai dự án), muốn tìm hiểu chuyên sâu về React

Học viên sẽ có thể làm chủ những kiến thức cơ bản, cốt lõi nhất của React

Giúp học viên có được tư duy lập trình với React, biết cách tìm kiếm tài liệu khi gặp lỗi

Học viên có thể 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

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

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in React Ultimate - React.JS Cơ Bản Từ Z Đến A Cho Beginners with these activities:

Tạo danh sách các tài nguyên học tập về React

Show steps

Tạo danh sách tài nguyên giúp bạn dễ dàng truy cập và tham khảo thông tin khi học React.

Browse courses on Video

Show steps

Tìm kiếm tài nguyên học tập về React trên các nền tảng trực tuyến.
Đánh giá và lựa chọn các tài nguyên chất lượng.
Sắp xếp và phân loại các tài nguyên theo chủ đề hoặc mục đích.

Viết lại kiến thức đã học mỗi ngày

Show steps

Viết lại kiến thức đã học giúp bạn nhớ lâu hơn và ôn tập hiệu quả hơn.

Show steps

Liệt kê các kiến thức chính đã học trong ngày.
Viết lại kiến thức theo cách hiểu của bạn.
Ôn lại những gì đã viết vào cuối ngày.

Tìm thêm video hướng dẫn về React

Show steps

Xem video hướng dẫn giúp bạn hiểu sâu hơn về các khái niệm và cách áp dụng React vào thực tế.

Browse courses on React Native

Show steps

Tìm kiếm video hướng dẫn trên YouTube hoặc các nền tảng khác.
Chọn video phù hợp với trình độ và nhu cầu của bạn.
Xem video và ghi chép những kiến thức quan trọng.
Áp dụng những gì đã học vào dự án thực hành của bạn.

Two other activities

Expand to see all activities and additional details

Show all five activities

Tham gia nhóm học tập

Show steps

Học nhóm giúp bạn củng cố kiến thức, mở rộng hiểu biết và tăng động lực học tập.

Show steps

Tìm kiếm hoặc tạo nhóm học tập với những người có cùng mục tiêu.
Đặt mục tiêu và lịch học nhóm cụ thể.
Chuẩn bị nội dung trước mỗi buổi học nhóm.
Tham gia thảo luận, chia sẻ kiến thức và hỗ trợ nhau.

Giải bài tập thực hành

Show steps

Giải bài tập giúp bạn củng cố kiến thức, rèn luyện kỹ năng và chuẩn bị tốt hơn cho các bài kiểm tra.

Browse courses on Routing

Show steps

Tìm kiếm hoặc mua sách bài tập hoặc tài liệu trực tuyến.
Chọn bài tập phù hợp với trình độ của bạn.
Giải bài tập một cách cẩn thận và đầy đủ.
Kiểm tra lại đáp án và học hỏi từ những sai lầm của bạn.

Career center

Learners who complete React Ultimate - React.JS Cơ Bản Từ Z Đến A Cho Beginners will develop knowledge and skills that may be useful to these careers:

Reading list

We haven't picked any books for this reading list yet.

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

12 deals to help you save

What's inside

Learning objectives

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses