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)

What you'll learn
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
Requirements
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 cơ bản là một lợi thế
Description
React.JS là một thư viện, framework giúp xây dựng một website hiện đại, có tính mở rộng và hiệu năng cực lớn. Các sản phẩm tiêu biểu sử dụng React có thể kể đến như Facebook và Instagram. Được Facebook chống lưng, cũng như đầu tư mạnh mẽ, cộng với một cộng đồng đông đảo sử dụng, React chính là thư viện Frontend phổ biến nhất hiện nay, bỏ xa Vue và Angular.Với tên gọi React ULTIMATE - mục tiêu đề ra của khóa học, đấy chính là nó là phiên bản cuối cùng, là thứ DUY NHẤT các bạn cần, cũng như cập nhật MỚI NHẤT & ĐẦY ĐỦ NHẤT cho người mới bắt đầu, muốn có một góc nhìn "thực sự chính xác" về React.JS.Ngoài ra, khi kết thúc khóa học, các bạn mới bắt đầu sẽ có đủ tự tin để làm chủ React, cũng như hiểu được, nắm vững được những kiến thức cốt lõi nhất để có thể xây dựng, phát triển một website thực tế với React.JSKhóa học sẽ thực sự bổ ích cũng như mang lại rất nhiều kiến thức cho các bạn mới bắt đầu. Với phương châm, học đi đôi với thực hành, chúng ta chỉ học "vừa đủ", chỉ học những kiến thức code lỗi nhất, hi vọng các bạn sẽ học hỏi được nhiều kiến thức, cũng như tự tin sử dụng React cho công việc của mình.

Overview

Section 1: Chapter 0: Getting Started

Lecture 1 Demo Sản Phẩm Sẽ Đạt Được Khi Kết Thúc Khóa Học

Lecture 2 Tài Liệu Chi Tiết Của Khóa Học

Section 2: Chapter 1: React và JavaScript ES6

Lecture 3 #1. React ES6 Variables - Cách Sử Dụng Biến Của Javascript

Lecture 4 #2. React ES6 Classes - Sử Dụng Class

Lecture 5 #3. React Object - Sử Dụng Đối Tượng Object

Lecture 6 #4. React ES6 Arrow Functions

Lecture 7 #5. React ES6 Array Methods - Map và Filter

Lecture 8 #6. Template Literals/ Template Strings - Sử Dụng Dấu Nháy Chéo (Backticks)

Lecture 9 #7. ES6 Spread Syntax - Toán Tử 3 Dấu Chấm

Lecture 10 #8. ES6 Destructuring Assignment - Giản Lược Hóa Cấu Trúc Object/Array

Lecture 11 #9. ES6 Ternary Operator - Toán Tử Điều Kiện

Lecture 12 #10. Optional chaining (?.) - Toán Tử Chấm Hỏi Chấm

Section 3: Chapter 2: Học React Một Cách Vừa Đủ

Lecture 13 #11. Setup Enviroment - Cài Đặt Công Cụ Cần Thiết

Lecture 14 #11 Lưu ý trong quá trình cài đặt thư viện

Lecture 15 #11.1 Hướng Dẫn Fix Lỗi Cài Đặt Thư Viện (Nếu Có)

Lecture 16 #12. React Overview - Tổng Quan về React

Lecture 17 #13. Hello World with React - Cài Đặt Dự Án React

Lecture 18 #14. Project Structure - Cấu Trúc Dự Án React

Lecture 19 #15. How React works - React Hoạt Động Như Thế Nào

Lecture 20 #16. React Component - Làm Quen với Cách Viết Component

Lecture 21 #17. State - Kiểm Soát Data Ứng Dụng React

Lecture 22 #18. React DevTools / Redux DevTools

Lecture 23 #19. DOM Events - Xử Lý Sự Kiện Với React

Lecture 24 #20. setState - Cập Nhật State Của Component

Lecture 25 #21. Form với React

Lecture 26 #22. Nesting Component - Component Cha Lồng Con

Lecture 27 #23. Props

Lecture 28 #24. Outputting List - Hiển Thị Danh Sách Array/Object với React

Lecture 29 #25. Conditional Output - Sử Dụng Câu Điều Kiện

Lecture 30 #26. Function as Props - Truyền Hàm Từ Cha Sang Con

Lecture 31 #27. CSS với React

Lecture 32 #28. Sử Dụng Image Sao Cho Hiệu Quả

Lecture 33 #29. Fragment - Code React Ít Đi

Lecture 34 #30. Variables với JSX

Lecture 35 #31. Delete Data với Filter

Lecture 36 #32. Tổng Kết Các Kiến Thức Đã Học

Section 4: Chapter 3: React Hiện Đại với Hook

Lecture 37 #33. React Lifecycle - Vòng Đời Ứng Dụng React

Lecture 38 #34. React StateFul/Stateless Component

Lecture 39 #35. useState Hook - Kiểm Soát State với Function Component

Lecture 40 #36. Bài Tập Convert Class Component Sang Sử Dụng Hook

Lecture 41 #37. Giải Bài Tập Convert Class Component Sang Sử Dụng Hook

Lecture 42 #38. useEffect Hook - Sử Dụng LifeCycle với React Function Component

Lecture 43 #39. Why Hook ? Những Điều Cần Biết về React Hook

Section 5: Chapter 4: Setup Dự Án Backend với Docker

Lecture 44 #40. Tổng Quan Về Project Thực Hành

Lecture 45 #41. Tạo tài khoản Docker Hub

Lecture 46 #42. Cài đặt Docker Desktop

Lecture 47 #43. Hướng Dẫn Cài Đặt Dự Án Backend

Lecture 48 #44. DBeaver - Kết Nối Database Postgres

Lecture 49 #45. PostMan - Test APIs Backend

Lecture 50 #45.1 Các Loại Data Khi Sử Dụng Postman

Lecture 51 #45.2 Lưu Ý Về Sử Dụng Docker Cho Dự Án

Lecture 52 #45.3 Lưu Ý Không Update Docker

Section 6: Chapter 5: Điều Hướng Trang với React Router v6

Lecture 53 #46. Setup Bootstrap 5 & React Router Dom v6

Lecture 54 #47. Design Header với Bootstrap Navigation

Lecture 55 #48. Điều Hướng Trang với Links

Lecture 56 #49. Nested Routes

Lecture 57 #50. Active Link - NavLink

Lecture 58 #51. Index Routes

Lecture 59 #52. Design Homepage

Lecture 60 #53. Design New Header

Lecture 61 #53.1 Kinh Nghiệm Đọc Code Quá Khứ - Fix Lỗi Khi Thư Viện Update

Lecture 62 #54. Design Admin SideBar

Lecture 63 #55. Setup Axios, React Toastify, React Paginate

Section 7: Chapter 6: CRUD - Thêm/Hiển Thị/Cập Nhật/Xóa Users

Lecture 64 #56. Modal Thêm Mới Người Dùng

Lecture 65 #57. State Hóa Modal Add New User

Lecture 66 #58. API Thêm Mới Người Dùng (CREATE)

Lecture 67 #59. Validate data và React Toastify

Lecture 68 #60. API Services - Customize Axios

Lecture 69 #61. Hiển Thị Danh Sách Users (READ)

Lecture 70 #62. Cập Nhật Danh Sách Users Khi Thêm Mới Thành Công

Lecture 71 #63. Design Modal Update User

Lecture 72 #64. API Cập Nhật User (UPDATE)

Lecture 73 #65. Bài tập: Chức Năng Xem Chi Tiết User

Lecture 74 #66. Design Modal Delete User

Lecture 75 #67. APIs Delete User (DELETE)

Lecture 76 #68. Hiển Thị Danh Sách User Phân Trang (Paginate)

Lecture 77 #69. Design Login

Lecture 78 #70. API Login - Đăng nhập

Lecture 79 #71. Bài tập: Chức năng Register - Đăng Ký Người Dùng

Lecture 80 #72. Chức Năng Register

Section 8: Chapter 7: Quản Lý State Application với Redux

Lecture 81 #73. Why Redux ? Tại Sao Lại Cần Redux

Lecture 82 #74. Store - Lưu Trữ Data Redux

Lecture 83 #75. Actions/Dispatch

Lecture 84 #76. Reducer

Lecture 85 #77. useSelector, useDispatch Hook

Lecture 86 #78. Sử Dụng Redux Lưu Thông Tin Người Dùng

Lecture 87 #79. Loading Bar - Hiển Thị Thanh Loading Khi Gọi APIs

Lecture 88 #80. Redux persist - Xử lý Data Khi F5 Refresh

Section 9: Chapter 8: Doing Quiz - Chức năng Bài Thi

Lecture 89 #81. Design Danh Sách Bài Thi Của User - Display List Quiz

Lecture 90 #82. Chi Tiết Bài Quiz - Sử dụng URL Params

Lecture 91 #83. Process Data - Xử Lý Data Phía Frontend

Lecture 92 #84. Design Quiz Layout - Tạo Base Giao Diện Bài Thi

Lecture 93 #85. Design Question - Tạo Giao Diện Hiển Thị Question

Lecture 94 #86. Xử Lý Data Khi Chọn Câu Trả Lời

Lecture 95 #87. Build Data Trước Khi Submit API

Lecture 96 #88. Submit Quiz - Nộp Bài Test

Lecture 97 #89. Design Giao Diện Thêm Mới Bài Test

Lecture 98 #90. API Thêm Mới Bài Thi

Lecture 99 #91. Hiển Thị Danh Sách Bài Thi Admin

Lecture 100 #92. Fix Lỗi ScrollBar

Lecture 101 #93. Bài Tập Update/Delete Quiz

Lecture 102 #94. Design Base New Questions/Answers

Lecture 103 #95. Tạo Fake Data Cho Giao Diện

Lecture 104 #96 State hóa data

Lecture 105 #97. Preview Image

Lecture 106 #98. Api Add New Questions/Answers

Lecture 107 #99. Validate add new

Lecture 108 #100 Design Update/Delete Questions/Answers

Lecture 109 #101. Assign a quiz for users

Lecture 110 #102. Api update/delete questions

Section 10: Chapter 9: Complete Project

Lecture 111 #103. Design base CSS question right-content

Lecture 112 #104. Countdown timer

Lecture 113 #105. Select question right-content

Lecture 114 #106. Private route

Lecture 115 #107. Log out

Lecture 116 #108. Design header multi-language

Lecture 117 #109. Update language

Lecture 118 #110. Design Dashboard

Lecture 119 #111. Tích hợp api dashboard

Lecture 120 #112 Bài tập chuyển đổi ngôn ngữ - Fix bugs token expired

Lecture 121 #113 Bài tập thiết kế profile, update password

Lecture 122 #114. Bài tập show kết quả thi

Lecture 123 #115. Nhận xét về khóa học

Lecture 124 #116. Tổng Kết

Tất cả những bạn mới bắt đầu, những bạn muốn học lập trình với React, đang muốn học và làm chủ React thì đây chính là khóa học các bạn tìm. React Ultimate, chỉ một là đủ.