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)
Hiểu và Làm Chủ React (Chỉ Học Những Thứ Cần Thiế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 để gọi API backend
Sử dụng Context API để sharing data giữa các component
Sử dụng mô hình Stateless (với access_token)
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).
Database MongoDB sử dụng online (miễn phí) với MongoDB Atlas
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
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
FAQ area empty
#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
[Nhập Vai] Tổng Quan & Lịch Sử React – Mock Interview Beginners
#20. Setup dự án thực hành
#21. Cách mình setup dự án (Extra)
#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 (Extra)
#26. Tại sao gọi React là Client Side Rendering (Extra)
[Nhập Vai] Hello World với React – Mock Interview for Beginners
#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
[Nhập Vai] Tư Duy Thiết Kế UI với Component – Mock Interview Beginners
#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 (Extra)
#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
[Nhập Vai] Module Users với React – Mock Interview Beginners
#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 (Extra)
[Nhập Vai] Controlled vs Uncontrolled Component – Mock Interview Beginners
#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 (Extra)
#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)
[Nhập Vai] Module Auth & Stateless Authentication – Mock Interview Beginners
#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
[Nhập Vai] Module Book – Mock Interview Beginners
#112. Thêm Loading Bar (Extra)
#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 | Học gì Tiếp Theo ?
#120. Suy nghĩ về Level Intern/Fresher
[Nhập Vai] Tổng Kết React Ultimate – Mock Interview for Beginners
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ế
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
1.2
1 Student
320 Courses
1253 Reviews
Xin chào các bạn, tôi là Nguyễn Đình Cường, một lập trình viên và giảng viên đam mê công nghệ với hơn 15 năm kinh nghiệm trong ngành công nghiệp phần mềm. Tôi tốt nghiệp từ Bưu Chính Viễn Thông và đã từng làm việc cho một số công ty công nghệ hàng đầu như FPT Software và VinGroup. Với chuyên môn chính là phát triển ứng dụng web, tôi đã làm việc với nhiều công nghệ như HTML, CSS, JavaScript, React cho front-end và Node.js, Express, MongoDB cho back-end. Không chỉ dừng lại ở việc viết mã, tôi còn yêu thích tìm hiểu sâu về thiết kế hệ thống và kiến trúc phần mềm. Tôi tin rằng quá trình học lập trình không chỉ đơn thuần là lý thuyết, mà còn là sự trải nghiệm thực tế và giải quyết vấn đề. Trong các khóa học của mình, tôi cố gắng cung cấp cho học viên những bài giảng thú vị và dễ hiểu, cùng với các bài tập thực hành giúp củng cố kiến thức. Tôi hy vọng rằng qua các khóa học của mình, bạn sẽ không chỉ học được cách viết mã, mà còn phát triển tư duy lập trình và kỹ năng giải quyết vấn đề. Hãy cùng nhau khám phá thế giới lập trình và biến ý tưởng của bạn thành hiện thực! Nếu bạn có bất kỳ câu hỏi nào, đừng ngần ngại liên hệ với tôi. Tôi rất vui được hỗ trợ bạn trong hành trình học tập của mình!
View Details