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

Chia Sẻ Khóa học Lập trình ReactJS toàn tập

Giới thiệu khóa học

Khóa học Lập trình ReactJS toàn tậplà một khóa học trực tuyến về lập trình ứng dụng web bằng ReactJS - một thư viện JavaScript phổ biến được sử dụng để phát triển các ứng dụng web động và tương tác.

Trong khóa học này, các bạn sẽ được học về ReactJS - một trong những framework phát triển ứng dụng web phổ biến nhất hiện nay. Khóa học sẽ cung cấp cho các bạn kiến thức và kỹ năng cần thiết để phát triển các ứng dụng web động và tương tác bằng ReactJS, cùng với những kiến thức về các công cụ và kỹ thuật phát triển ứng dụng web.

Khóa học này bao gồm các chủ đề chính sau:

Khóa học này được thiết kế cho những người muốn học lập trình ReactJS từ cơ bản đến nâng cao và có thể được sử dụng bởi các lập trình viên mới bắt đầu hoặc các chuyên gia muốn nâng cao kỹ năng của mình.

Bạn sẽ có cơ hội học từ các chuyên gia trong lĩnh vực và sử dụng những kỹ thuật phổ biến và hiệu quả trong việc phát triển ứng dụng web bằng ReactJS.

Bạn sẽ học được gì

Học được cách phát triển các ứng dụng web động và tương tác bằng ReactJS

Nâng cao kỹ năng lập trình của bạn và biết áp dụng kiến thức đã học vào các dự án thực tế.

Hiểu rõ về các khái niệm cơ bản của ReactJS như components, props, state và lifecycle methods.

Học được cách xử lý sự kiện và tương tác người dùng trong ứng dụng web bằng ReactJS.

Nắm được các kỹ thuật tiên tiến như routing, redux để tăng hiệu quả phát triển.

Tìm hiểu về các thư viện và công cụ hữu ích để giúp bạn phát triển ứng dụng web bằng ReactJS một cách nhanh chóng và hiệu quả.

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)