Khóa Học Lập Trình Reactjs Toàn Tập

Nội dung khóa học

9 Phần • bài giảng • 12 giờ 07 phút

Phần 1: Giới thiệu khóa học (2 bài học)

Bài 1: Giới thiệu khóa học (00:04:16)

Bài 2: Tài liệu khóa học (15:52:45)

Phần 2: Cơ bản về React (23 bài học)

Bài 3: Giới thiệu Reactjs (00:04:36)

Bài 4: Cài đặt Node.js (00:03:54)

Bài 5: React App - Hello World (00:10:29)

Bài 6: Các cách thực hiện return JSX (00:06:49)

Bài 7: Cấu trúc lại React App (00:08:35)

Bài 8: Áp dụng Style cho ứng dụng (00:10:07)

Bài 9: Xử lý các sự kiện (00:11:29)

Bài 10: State (00:09:39)

Bài 11: Props trên component dựa trên hàm (00:15:05)

Bài 12: Props trên component dựa trên lớp (00:05:57)

Bài 13: Component children (00:08:51)

Bài 14: Lọc các mẫu tin (00:10:17)

Bài 15: Component life cycle (00:12:11)

Bài 16: Component Updating life cycle (00:13:53)

Bài 17: Giới thiệu về Hook (00:05:15)

Bài 18: Sử dụng useState Hook (00:11:18)

Bài 19: useState Hook với nhiều giá trị (00:13:18)

Bài 20: Sử dụng useEffect Hook (00:11:16)

Bài 21: Sử dụng useCallback Hook (00:11:14)

Bài 22: Sử dụng useRef Hook (00:13:07)

Bài 23: useContext căn bản (00:16:24)

Bài 24: Sử dụng Context để truyền đi một hàm (00:09:40)

Bài 25: Sử dụng Context trong component dựa trên class (00:06:45)

Phần 3: Ứng dụng minh họa: Ai trả tiền (11 bài học)

Bài 26: Giới thiệu ứng dụng (00:02:44)

Bài 27: Cài đặt cơ bản (00:03:36)

Bài 28: Tạo context và component (00:09:42)

Bài 29: Cài Bootstrap và thêm CSS (00:07:23)

Bài 30: Xây dựng component Stage 1 (00:16:46)

Bài 31: Thêm người chơi vào danh sách (00:07:01)

Bài 32: Hiển thị danh sách người chơi (00:06:32)

Bài 33: Chức năng xóa người chơi (00:06:51)

Bài 34: Áp dụng Toastify (00:08:46)

Bài 35: Xây dựng component Stage 2 (00:06:04)

Bài 36: Hiển thị người phải trả tiền (00:06:43)

Phần 4: React Router (9 bài học)

Bài 37: Giới thiệu React Router (00:06:19)

Bài 38: Cấu hình Route (00:06:33)

Bài 39: Link (00:09:07)

Bài 40: Định dạng header (00:06:04)

Bài 41: Params (00:05:45)

Bài 42: NavLink (00:05:38)

Bài 43: Route lồng nhau (00:06:00)

Bài 44: Điều hướng trang Navigate (00:05:53)

Bài 45: Xử lý lỗi 404 (00:04:03)

Phần 5: Cơ bản về React Phần 2 (9 bài học)

Bài 46: Giới thiệu và cài đặt (00:06:18)

Bài 47: Pure Component (00:11:45)

Bài 48: Các phần tử kề (00:07:18)

Bài 49: Component bậc cao (HOC) (00:08:30)

Bài 50: HOC phần 2 (00:10:58)

Bài 51: Transition Component (00:11:43)

Bài 52: Transition kết hợp thay đổi className (00:06:31)

Bài 53: CSS Transition (00:09:54)

Bài 54: Transition Group (00:17:24)

Phần 6: Redux (7 bài học)

Bài 55: Giới thiệu Redux (00:03:51)

Bài 56: Kết nối React với Redux (00:05:31)

Bài 57: Giải thích các thuật ngữ (00:05:30)

Bài 58: Viết các Slide (00:10:18)

Bài 59: Logic bất đồng bộ (00:04:31)

Bài 60: Component Counter (00:12:18)

Bài 61: Redux DevTool (00:04:07)

Phần 7: Ứng dụng minh họa: Hiển thị tin tức (14 bài học)

Bài 62: Giới thiệu ứng dụng (00:02:54)

Bài 63: Thiết lập cơ bản (00:08:16)

Bài 64: Header và main layout (00:13:56)

Bài 65: JSON Server (00:08:51)

Bài 66: Lấy dữ liệu từ server (00:11:56)

Bài 67: Lọc một phần dữ liệu (00:08:44)

Bài 68: Chức năng nút Xem thêm (00:12:09)

Bài 69: Hiển thị danh sách bài viết (00:13:54)

Bài 70: Xây dựng form newsletter (00:07:33)

Bài 71: Viết api addNewsletter và userSlide tương ứng (00:14:52)

Bài 72: Hoàn chỉnh Newsletter (00:11:34)

Bài 73: Lấy thông tin bài viết theo ID (00:08:58)

Bài 74: Hoàn chỉnh PostComp (00:07:18)

Bài 75: Sửa lỗi thông báo newsletter và handle 404 (00:05:25)

Phần 8: Thao tác Form với Formik (7 bài học)

Bài 76: Giới thiệu và các thiết lập cơ bản (00:09:05)

Bài 77: Bắt đầu với Formik (00:08:23)

Bài 78: Validation với Formik (00:11:06)

Bài 79: Validation với yup (00:06:08)

Bài 80: Sử dụng Hook useFormik (00:08:36)

Bài 81: Sử dụng các component của Formik (00:08:35)

Bài 82: Custom Field (00:09:59)

Phần 9: Hoàn thiện Project và kết thúc khóa học (3 bài học)

Bài 83: Xây dựng contact form (00:10:57)

Bài 84: Ghi dữ liệu lên json server (00:09:11)

Bài 85: Tổng kết khóa học (00:00:58)