Khóa học React PRO | Trở thành lập trình viên React giá trị Cùng HoleTex
01. Cách trình duyệt web hoạt động
Khóa học React PRO | Trở thành lập trình viên React giá trị Cùng HoleTex
0%
Completed
Phần 1. Giới thiệu
01. Giới thiệu khoá học
Video - 00:02:41 mins
02. Hướng dẫn sử dụng Github theo dõi code
Video - 00:00:59 mins
Phần 2. Kiến thức nền tảng trước khi học React
01. Cách trình duyệt web hoạt động
Video - 00:06:34 mins
02. Client Side Rendering vs Server Side Rendering
Video - 00:05:28 mins
03. JavaScript Array Methods
Video - 00:24:15 mins
04. Tính năng trong ES6
Video - 00:06:50 mins
05. Callback, Promise, Async Await trong JS
Video - 00:23:55 mins
06. Toán tử Nullish Coalescing và Optional Chaining
Video - 00:14:44 mins
07. Flexbox trong CSS
Video - 00:12:18 mins
08. CSS Grid
Video - 00:27:17 mins
09. So sánh Cookies, Local Storage và Session Storage
Video - 00:18:54 mins
Phần 3. Cấu hình dự án
01. Cài đặt môi trường làm việc
Video - 00:04:05 mins
02. Cài đặt dự án với Vite
Video - 00:02:03 mins
03. Dọn dẹp source code ban đầu
Video - 00:04:20 mins
Phần 4. React nền tảng
01. Giới thiệu dự án Todo App
Video - 00:01:46 mins
02. Component là gì
Video - 00:02:06 mins
03. Xây dựng danh sách việc cần làm
Video - 00:04:09 mins
04. Phân tích và tạo 1 component mới - Todo Item
Video - 00:03:00 mins
05. [Lý thuyết] Cú pháp JSX trong React
Video - 00:03:55 mins
06. Truyền dữ liệu vào component bằng props
Video - 00:03:27 mins
07. Style component bằng CSS
Video - 00:02:25 mins
08. Sử dụng JavaScript trong JSX với {}
Video - 00:02:41 mins
09.Lưu ý về sử dụng key với list
Video - 00:02:42 mins
10.Lý do không nên dùng index làm key
Video - 00:04:51 mins
11.Xử lý sự kiện trong React
Video - 00:04:13 mins
12.Hooks là gì.mp4
Video - 00:03:24 mins
13.Vấn đề với biến JavaScript thông thường.mp4_2
Video - 00:05:14 mins
14.Giải quyết vấn đề với biến JavaScript bằng State.mp4
Video - 00:04:38 mins
15.State - bộ nhớ của Component hoạt động thế nào.mp4
Video - 00:04:33 mins
16.Cách React xử lý khi có nhiều State.mp4_3
Video - 00:06:40 mins
17.Thao tác DOM với Ref.mp4_2
Video - 00:01:53 mins
18.Render component theo điều kiện.mp4
Video - 00:03:40 mins
19.Xử lý sự kiện cho complete checkbox.mp4
Video - 00:11:47 mins
20.Style cho Sidebar component.mp4
Video - 00:11:11 mins
21.Xử lý ẩn hiện Sidebar
Video - 00:05:30 mins
22.Xử lý Todo Item đang được lựa chọn.mp4_2
Video - 00:06:20 mins
23. Hoàn thiện chức năng cho Sidebar
Video - 00:16:20 mins
24. Vấn đề với Event Propagation.mp4_2
Video - 00:01:42 mins
Phần 5. Xây dựng Filter Panel
01. Xây dựng UI cho Filter Type component.mp4.mp4.mp4
Video - 00:14:12 mins
02. Lưu thông tin Filter Type đang lựa chọn.mp4.mp4
Video - 00:06:39 mins
03. Kĩ thuật Lifting State Up.mp4.mp4
Video - 00:00:58 mins
04. Thêm logic xử lý filter TodoList theo Filter Type được chọn.mp4.mp4
Video - 00:04:25 mins
05. Cấu hình và fix lỗi ESLint.mp4.mp4
Video - 00:10:21 mins
06. Fix 1 số lỗi trong console.mp4.mp4
Video - 00:32:03 mins
07. Tính số lượng todos cho từng Filter Type.mp4.mp4
Video - 00:08:24 mins
08. [Lý thuyết] useMemo vs useCallback.mp4.mp4
Video - 00:04:51 mins
09. Tối ưu performance bằng useMemo.mp4.mp4
Video - 00:05:52 mins
10. Xử lý tìm kiếm Todo theo tên.mp4.mp4
Video - 00:04:06 mins
11. Xây dựng UI cho Categories.mp4.mp4
Video - 00:21:13 mins
12. Thêm logic xử lý lưu Category cho từng Todo.mp4.mp4
Video - 00:09:36 mins
13. [Lý thuyết] Context API là gì - Cách sử dụng useContext.mp4.mp4
Video - 00:02:51 mins
14. Thêm Context API để quản lý State tập trung.mp4.mp4
Video - 00:08:49 mins
15. Xử lý Filter theo Category.mp4.mp4
Video - 00:04:47 mins
16. Bài tập - Dọn dẹp lại các State với Context API.mp4.mp4
Video - 00:02:51 mins
17. Hiển thị số lượng Todo theo Category.mp4.mp4
Video - 00:03:53 mins
18. Giải bài tập - Dọn dẹp State với Context API.mp4.mp4
Video - 00:14:54 mins
Phần 6. Cấu hình dự án nâng cao – Movie App
01. Giới thiệu dự án Movie App.mp4.mp4
Video - 00:01:28 mins
02. Cấu hình dự án với Vite.mp4.mp4
Video - 00:04:26 mins
03. Cấu hình TailwindCSS.mp4.mp4
Video - 00:10:29 mins
04. Cấu hình font cho dự án.mp4.mp4
Video - 00:03:44 mins
05. Cài đặt FontAwesome cho React.mp4.mp4
Video - 00:03:18 mins
Phần 7. Sử dụng Tailwind CSS để xây dựng UI
01. Xây dựng UI cho Header.mp4.mp4
Video - 00:00:50 mins
02. Xây dựng FeatureMovies component - Code markup.mp4.mp4
Video - 00:07:51 mins
03. Xây dựng FeatureMovies component - Style CSS (Phần 1).mp4.mp4
Video - 00:06:24 mins
04. Xây dựng FeatureMovies component - Style CSS (Phần 2).mp4.mp4
Video - 00:05:53 mins
05. Xây dựng FeatureMovies component - Style CSS (Phần 3).mp4.mp4
Video - 00:05:21 mins
06. Phân tích
Video - 00:04:12 mins
07. Tip khi xây dựng giao diện UI.mp4_2.mp4
Video - 00:13:56 mins
Phần 8. Thao tác với API trong REACT
01. Hướng dẫn lấy API Key trên IMDB.mp4.mp4
Video - 00:12:23 mins
02. Bài toán khi gọi API trong React.mp4.mp4
Video - 00:07:53 mins
03. [Lý thuyết] Pure Function là gì.mp4.mp4
Video - 00:07:33 mins
04. [Lý thuyết] Vì sao component render 2 lần liên tiếp.mp4.mp4
Video - 00:03:49 mins
05. [Lý thuyết] Side Effect là gì.mp4.mp4
Video - 00:01:41 mins
07. Load dữ liệu từ API cho FeatureMovies.mp4.mp4
Video - 00:09:50 mins
08. Xây dựng Slider.mp4.mp4
Video - 00:11:20 mins
09. Bài tập cho phần Slider.mp4.mp4
Video - 00:02:30 mins
Phần 9. Xây dựng Media List (Thực hành SVG, Tailwind CSS, thao tác API,…)
01. Xây dựng UI cho MediaList (Phần 1).mp4.mp4
Video - 00:06:07 mins
02. Xây dựng UI cho MediaList (Phần 2).mp4.mp4
Video - 00:12:10 mins
03. Xây dựng UI cho MovieCard component.mp4.mp4
Video - 00:09:22 mins
04. Xây dựng UI với SVG (Phần 1).mp4.mp4
Video - 00:13:46 mins
05. Xây dựng UI với SVG (Phần 2).mp4.mp4
Video - 00:06:14 mins
06. Xây dựng UI với SVG (Phần 3).mp4.mp4
Video - 00:09:35 mins
07. Load dữ liệu từ API cho MediaList.mp4.mp4
Video - 00:09:30 mins
08. Load dữ liệu từ API cho MovieCard.mp4.mp4
Video - 00:01:56 mins
09. Refactor MediaList component để tái sử dụng.mp4.mp4
Video - 00:03:58 mins
10. Sửa UI trên màn hình lớn.mp4.mp4
Video - 00:08:42 mins
Phần 10. Sử dụng React Router để phân trang phía Client
01. Giới thiệu React Router.mp4.mp4
Video - 00:13:38 mins
02. Xây dựng UI cho Banner (Phần 1).mp4.mp4
Video - 00:03:08 mins
03. Xây dựng UI cho Banner (Phần 2).mp4.mp4
Video - 00:10:51 mins
04. Load dữ liệu từ API cho Banner (Phần 1).mp4.mp4
Video - 00:09:03 mins
05. Load dữ liệu từ API cho Banner (Phần 2).mp4.mp4
Video - 00:06:51 mins
06. Load dữ liệu từ API cho Banner (Phần 3).mp4.mp4
Video - 00:08:22 mins
07. Tạo layout chung cho các Routes.mp4.mp4
Video - 00:09:54 mins
08. Sử dụng Link trong React Router.mp4.mp4
Video - 00:5:47 mins
09. Cải thiện UX với hiệu ứng Loading.mp4.mp4
Video - 00:10:57 mins
10. Clean code - Tách Banner thành 1 component riêng.mp4.mp4
Video - 00:05:11 mins
11. Xây dựng UI cho Actor List (Phần 1).mp4.mp4
Video - 00:06:51 mins
12. Xây dựng UI cho Actor List (Phần 2).mp4.mp4
Video - 00:10:27 mins
13. Xây dựng UI cho Actor List (Phần 3).mp4.mp4
Video - 00:07:42 mins
14. Cấu hình alias cho các đường dẫn.mp4.mp4
Video - 00:10:36 mins
15. Xây dựng Related Movie List component.mp4.mp4
Video - 00:09:55 mins
16. Cải thiện UI.mp4.mp4
Video - 00:10:28 mins
17. Xây dựng Movie Information component.mp4.mp4
Video - 00:08:03 mins
Phần 11. Cải thiện chất lượng code
01. Cách tạo và sử dụng biến môi trường trong file env.mp4.mp4
Video - 00:03:15 mins
02. Tạo custom hook đầu tiên - useFetch.mp4.mp4
Video - 00:01:52 mins
03. Clean code với useFetch.mp4.mp4
Video - 00:10:33 mins
04. Cải thiện UX khi tải image.mp4.mp4
Video - 00:08:55 mins
05. Tạo Image Component
Video - 00:12:04 mins
06. Clean up function trong useEffect().mp4.mp4
Video - 00:14:45 mins
07. Thay thế hình ảnh bằng Image component.mp4.mp4
Video - 00:03:59 mins
Phần 12. Xây dựng trang TVShow Detail
01. Thêm route mới cho TVShow Detail.mp4.mp4
Video - 00:00:41 mins
02. Refactor Banner component.mp4.mp4
Video - 00:04:48 mins
03. Xử lý render danh sách Crews.mp4.mp4
Video - 00:01:06 mins
04. Xử lý render danh sách diễn viên.mp4.mp4
Video - 00:16:44 mins
05. Xử lý danh sách các TVShow liên quan
Video - 00:16:44 mins
06. Xây dựng TV Show Information component.mp4.mp4
Video - 00:08:17 mins
07. Xây dựng Season List component.mp4.mp4
Video - 00:13:30 mins
08. Bài tập cho phần Season List.mp4.mp4
Video - 00:06:25 mins
09. Cải thiện UI.mp4.mp4
Video - 00:00:51 mins
10. Tạo ModalContext xử lý popup.mp4.mp4
Video - 00:11:41 mins
11. Xử lý mở Trailer trong TV Show Detail.mp4.mp4
Video - 00:04:27 mins
12. Tuỳ biến useFetch để trì hoãn việc gọi API.mp4.mp4
Video - 00:04:55 mins
13. Cập nhật Link cho FeatureMovie.mp4.mp4
Video - 00:04:31 mins
14. Tối ưu ModalContext.mp4.mp4
Video - 00:12:35 mins
15. Bài tập cho phần Home page.mp4.mp4
Video - 00:09:45 mins
Bản sao của 16.mp4
Video - 00:06:39 mins
Phần 13. Xây dựng trang People Page
01. Xây dựng UI cho People Page.mp4.mp4
Video - 00:02:39 mins
02. Tạo custom class name trong Tailwind CSS.mp4.mp4
Video - 00:12:15 mins
03. Gọi API với loader trong React Router.mp4.mp4
Video - 00:17:28 mins
04. Load dữ liệu thực tế cho People Page.mp4.mp4
Video - 00:05:37 mins
05. Cải thiện UI.mp4.mp4
Video - 00:11:12 mins
06. [Lý thuyết] Kĩ thuật Code Spliting trong React.mp4.mp4
Video - 00:11:12 mins
07. Áp dụng kĩ thuật Code Spliting (Lazy Import Component) tối ưu hiệu năng.mp4.mp4
Video - 00:05:02 mins
08. Áp dụng Lazy Import cho tất cả Routes còn lại.mp4.mp4
Video - 00:04:04 mins
Phần 14. Xây dựng trang Search Page
Bài 1
Video - 00:03:43 mins
Bài 10
Video - 00:09:15 mins
Bài 11
Video - 00:02:14 mins
Bài 2
Video - 00:03:43 mins
Bài 3
Video - 00:12:24 mins
Bài 4
Video - 00:08:18 mins
Bài 5
Video - 00:02:04 mins
Bài 6
Video - 00:01:36 mins
Bài 7
Video - 00:05:03 mins
Bài 8
Video - 00:16:38 mins
Bài 9
Video - 00:09:08 mins
Phần 15. Cấu hình dự án WeConnect
Bài 1
Video - 00:16:51 mins
01. Cấu hình RTK Query và Tạo endpoint đăng kí.mp4 2025-03-24 13_45.mp4
Video - 00:26:31 mins
Bài 10
Video - 00:03:08 mins
Bài 11
Video - 00:09:59 mins
Bài 12
Video - 00:07:49 mins
Bài 13
Video - 00:09:15 mins
Bài 14
Video - 00:13:01 mins
Bài 15
Video - 00:03:17 mins
Bài 2
Video - 00:31:57 mins
Bài 3
Video - 00:32:19 mins
Bài 4
Video - 00:32:19 mins
Bài 5
Video - 00:04:55 mins
Bài 6
Video - 00:05:44 mins
Bài 7
Video - 00:03:44 mins
Bài 8
Video - 00:04:51 mins
Bài 9
Video - 00:05:20 mins
Phần 16. Xác thực người dùng (Authentication)
02. Xây dựng và xử lý thông báo với Snackbar.mp4 2025-03-24 13_45.mp4
Video - 00:27:42 mins
03. Xử lý validation cho React Hook Form.mp4 2025-03-24 13_45.mp4
Video - 00:11:19 mins
04. Thêm endpoint xử lý login.mp4 2025-03-24 13_45.mp4
Video - 00:13:09 mins
05. Thêm endpoint xử lý OTP.mp4 2025-03-24 13_45.mp4
Video - 00:13:20 mins
06. Xử lý Protected Routes.mp4 2025-03-24 14_21.mp4
Video - 00:27:34 mins
07. Cấu hình Redux Persist.mp4 2025-03-24 14_21.mp4
Video - 00:11:26 mins
08. Custom Base Query để xử lý Token hết hạn.mp4 2025-03-24 14_21.mp4
Video - 00:13:33 mins
09. Lưu thông tin người dùng vào Store.mp4 2025-03-24 14_21.mp4
Video - 00:05:32 mins
Phần 17. Xây dựng trang New Feed
01. Xây dựng UI cho Header.mp4 2025-03-24 15_11.mp4
Video - 00:17:26 mins
02. Hiển thị thông tin người dùng.mp4 2025-03-24 14_53.mp4
Video - 00:04:45 mins
03. Xử lý log out.mp4 2025-03-24 14_53.mp4
Video - 00:05:23 mins
04. Fix lỗi trong console.mp4 2025-03-24 14_54.mp4
Video - 00:01:56 mins
05. Xây dựng Sidebar trên giao diện Desktop.mp4 2025-03-24 15_12.mp4
Video - 00:15:59 mins
06. Xây dựng Sidebar trên giao diện Mobile.mp4 2025-03-24 15_12.mp4
Video - 00:16:45 mins
07. Cấu hình thống nhất breakpoints giữa Tailwind và MUI.mp4 2025-03-24 15_12.mp4
Video - 00:01:50 mins
08. Xây dựng UI cho Post Creation.mp4 2025-03-24 15_12.mp4
Video - 00:33:11 mins
09. Cải thiện UI cho Post Creation.mp4 2025-03-24 15_27.mp4
Video - 00:10:37 mins
10. Tạo custom hook useDetectLayout.mp4 2025-03-24 15_27.mp4
Video - 00:06:08 mins
11. Tích hợp API tạo Post mới.mp4 2025-03-24 15_28.mp4
Video - 00:12:28 mins
12. Xử lý upload ảnh.mp4 2025-03-24 15_34.mp4
Video - 00:07:06 mins
13. Xử lý Refresh Token.mp4 2025-03-24 15_34.mp4
Video - 00:15:54 mins
14. Xây dựng UI cho Post component.mp4 2025-03-24 15_34.mp4
Video - 00:17:53 mins
15. Tích hợp API get Post List.mp4 2025-03-24 15_34.mp4
Video - 00:04:29 mins
16. Cách sử dụng Tag trong RTK Query.mp4 2025-03-24 15_34.mp4
Video - 00:05:04 mins
17. Tạo loading animation với Framer Motion.mp4 2025-03-24 15_46.mp4
Video - 00:09:47 mins
18. Phân tích kĩ thuật Lazy Load.mp4 2025-03-24 15_42.mp4
Video - 00:03:56 mins
19. Thêm params xử lý lazy load cho API get posts.mp4 2025-03-24 15_46.mp4
Video - 00:09:26 mins
20. Phân tích công thức gọi API cho lazy load.mp4 2025-03-24 15_46.mp4
Video - 00:07:52 mins
Thêm
Thông báo
Giới thiệu
Finish Course Early?
You have not completed all required lessons and assessments.
Your Progress
0%
Go Back to Course
Complete Anyway
Chat Facebook
(8h-24h)
Chat Zalo
(8h-24h)
Hotline Tư Vấn
(8h-24h)