Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Đăng nhập
Xem tất cả kết quả
Menu
Đăng nhập Đăng ký miễn phí

React JS Masterclass: Zero To Job Ready With 10 Projects

Khóa Học Chuyên Sâu React JS: Từ Số 0 Đến Sẵn Sàng Đi Làm Với 10 Dự Án

Khóa Học Chuyên Sâu React JS: Từ Số 0 Đến Sẵn Sàng Đi Làm Với 10 Dự Án

Trở Thành Lập Trình Viên React: Nắm Vững React Core, Hooks, APIs, Định Tuyến, Context, Reducers, Redux, Firebase, Tailwind, Triển Khai & Hơn Thế Nữa

4.5
(2,261 đánh giá)
15,198 học viên
Giảng viên
Shubham Sarda
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
79.000đ 349.000đ -77%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
35.0 giờ video
203 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 07/06/2026
#Frontend Development #Javascript #React #Web Development

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

Mọi thứ bạn cần để trở thành lập trình viên React, từ kiến thức cơ bản đến nâng cao, hiểu cách mọi thứ hoạt động bên dưới và xây dựng dự án thực tế
Hiểu rõ kiến thức nền tảng: Components & Props, State, Hooks, Context & Reducers và hơn thế nữa...
Đi sâu với Custom Hooks, Tailwind CSS, React Router, Redux, Firebase, React Skeleton & hơn thế nữa...
Xây dựng ứng dụng thực tế với React (Thương mại điện tử, Trang thông tin phim, Quản lý công việc, Blog, Đếm từ & hơn thế nữa)
Xây dựng backend mô phỏng thương mại điện tử với JSON Auth Server và triển khai lên Railway
Làm việc với nhiều API để tận dụng tối đa dữ liệu bên thứ ba (như thông tin phim & truyện cười)
Triển khai dự án của bạn trên Netlify bằng Git & Github
Kiểm thử ứng dụng với Jest và React Testing Library
Học với phiên bản mới nhất: React 18 và JavaScript ES13
Nằm trong top 10% Lập Trình Viên React JS Mới
Và còn rất nhiều nữa!

Yêu cầu

Kiến thức về HTML, CSS & JavaScript

Đối tượng phù hợp

Dành cho bất kỳ ai muốn học React từ cơ bản đến nâng cao

Nội dung khóa học

20 phần • 203 bài giảng
1 Giới thiệu khóa học
2 Chào mừng đến với khóa học
3 Tài nguyên [Quan trọng]
4 Tài nguyên [Quan trọng]
1 Giới thiệu React
2 Thiết lập môi trường
3 Tạo Ứng dụng React / Thiết lập Ứng dụng React
4 Cơ chế hoạt động của React
5 Mẫu code React / 005
6 Components: Dựa trên Class & Function / 006
7 JSX: Giới thiệu chuyên sâu / 007
8 Thực hành: Cấu trúc Template cơ bản / 008
1 Tại sao chúng ta cần States? / 009
2 Giới thiệu State: useState / 010
3 useState: Cập nhật nhiều lần / 011
4 useState: State là Mảng / 012
5 useState: setState với giá trị Mảng / 013
6 Template có điều kiện / 014
7 Lời khuyên nhanh về Hook / 015
1 Nhiều Components & Fragments / 016
2 Props: Giới thiệu chuyên sâu / 017
3 Props: Children / 018
4 Prop Drilling / 019
1 Tạo kiểu cấp Toàn cục / 020
2 Tạo kiểu cấp Component / 021
3 Tạo kiểu Nội tuyến / 022
4 Tạo kiểu Động / 023
5 Tạo kiểu cấp Module / 024
1 Biểu mẫu & Đầu vào / 025
2 Sự kiện onChange / 026
3 Đầu vào được kiểm soát / 027
4 Sự kiện onSubmit / 028
5 Thêm công việc mới / 029
6 Hook useRef / 030
1 JSON Server / 031
2 Hook useEffect / 032
3 React StrictMode
4 Xuất danh sách / 035
5 Sự kiện onClick / 036
6 Hook useCallback / 037
7 Custom Hook (useFetch) / 038
8 Trạng thái Loading / 039
9 Xử lý lỗi (try/catch) / 040
10 Hủy yêu cầu Fetch / 041
11 Vòng lặp vô hạn / 042
1 Mã nguồn dự án - Github
2 Demo TaskMate
3 Cấu trúc dự án
4 Components / 045
5 State: tasklist & setTasklist / 046
6 Hàm: Sửa & Xóa / 047
7 Cảnh báo: Giá trị không xác định / 048
8 Nút Cập nhật / 049
9 Local Storage: Lưu trữ tất cả công việc / 050
10 Chủ đề: Thay đổi nền / 051
11 Triển khai dự án
1 Giới thiệu React Router / 053
2 Thiết lập React Router / 054
3 Cấu trúc dự án / 055
4 Điều hướng / 056
5 Tham số Route / 057
6 Không tìm thấy Route / 058
7 Routes lồng nhau / 059
8 Tái cấu trúc dự án / 060
1 Giới thiệu & Demo
2 Các thuộc tính thông dụng
3 Trạng thái Hover, Focus và các trạng thái khác
4 Thiết kế đáp ứng
5 Chế độ tối
6 Cấu hình tùy chỉnh / 206
7 Demo dự án / 207
8 Phần Header & Hero / 208
9 Footer / 209
10 Công cụ Màn hình đáp ứng & Component / 210
1 Mã nguồn dự án - Github
2 Demo Cinemate
3 Thiết lập dự án
4 Giới thiệu Tailwind / 063
5 TMDB API: Tài liệu / 064
6 Thiết kế giao diện (Tailwind & Flowbite) / 065
7 Cấu trúc điều hướng
8 Tích hợp chế độ tối / 067
9 Cấu trúc danh sách phim / 068
10 Lấy dữ liệu API: Danh sách phim / 069
11 Custom Hook: useFetch / 070
12 Lấy dữ liệu API: Tìm kiếm phim / 071
13 Tùy chỉnh Tailwind CSS / 072
14 Trang không tìm thấy / 073
15 Thông tin phim riêng lẻ / 074
16 Khôi phục cuộn: Cuộn lên đầu trang / 075
17 Tiêu đề trang động / 076
18 Cập nhật kiểu dáng / 077
19 Triển khai dự án / 078
20 Nhánh phát triển trên Git & Github
21 Đã giải quyết: Lỗi Netlify / 079
1 Mô tả bài tập & Demo / 080
2 Lời giải: Thiết lập dự án
3 Lời giải: Components / 082
4 Lời giải: Pages / 083
5 Triển khai bài tập
1 Quản lý State toàn cục
2 Cấu trúc dự án / 086
3 Context / 087
4 Reducer / 088
5 Các phương thức / 089
6 Triển khai dự án / 090
1 Giới thiệu Redux
2 Cấu trúc dự án / 091
3 Slice & Action / 092
4 Reducers: Thêm & Xóa / 093
5 State của Redux Store / 094
6 Triển khai dự án / 095
1 Mã nguồn dự án - Github
2 Demo Codebook / 097
3 Cài đặt / 098
4 Cấu trúc dự án / 099
5 Component Header - Phần I / 100
6 Component Header - Phần II / 101
7 Trang chủ / 102
8 Trang sản phẩm / 103
9 API: Danh sách sản phẩm / 104
10 Component Đánh giá / 105
11 Component Sản phẩm riêng lẻ / 106
12 Chế độ tối / 107
13 Component ScrollToTop / 108
14 Tìm kiếm sản phẩm / 109
15 Tiêu đề động / 110
16 Bộ lọc: Context & Reducers / 111
17 Bộ lọc: Danh sách sản phẩm ban đầu / 112
18 Bộ lọc: Các thuộc tính / 113
19 Xóa bộ lọc / 114
20 Tùy chọn Dropdown / 115
21 Tài khoản người dùng & Giỏ hàng
22 Trang Đăng nhập & Đăng ký / 118
23 React-Toastify / 119
24 API: Điểm cuối Đăng nhập/Đăng ký / 120
25 Session Storage / 121
26 Bật/Tắt Dropdown (Ẩn) / 122
27 Giao diện giỏ hàng / 123
28 Giỏ hàng: Context & Reducers / 124
29 Giỏ hàng: Provider / 125
30 Thêm vào giỏ hàng / 126
31 Kiểm tra điều kiện: Đã có trong giỏ hàng / 127
32 Sản phẩm hết hàng / 128
33 Routes được bảo vệ / 129
34 Modal Thanh toán / 130
35 Cảnh báo giá trị không xác định / 131
36 Hàm gửi đơn hàng / 132
37 Trang đơn hàng / 133
38 Bảng điều khiển: Điều kiện 1 / 134
39 Bảng điều khiển: Điều kiện 2 / 135
40 Dịch vụ xác thực: Các điểm cuối API / 136
41 Dịch vụ dữ liệu: Các điểm cuối API / 137
42 Dịch vụ sản phẩm: Các điểm cuối API / 138
43 Trang không tìm thấy / 139
44 Tiêu đề trang động / 140
45 Xử lý lỗi / 141
46 Biến môi trường / 142
47 Triển khai Frontend / 143
48 Triển khai Backend / 144
49 Cập nhật biến môi trường / 145
50 Đăng nhập với tư cách khách
51 Đã giải quyết: Lỗi Netlify / 147
1 Mô tả & Demo / 157
2 Lời giải: WordCount / 158
1 Giới thiệu Kiểm thử / 148
2 React Testing Library & Jest / 149
3 Thiết lập dự án
4 Cấu trúc Kiểm thử / 151
5 Kiểm thử: Render Component / 152
6 Kiểm thử: Sự kiện & Tương tác người dùng / 153
7 Truy vấn, Kiểu dữ liệu, Kỳ vọng & Nội dung khác / 154
8 Kiểm thử: Tải dữ liệu API bất đồng bộ / 155
9 Kiểm thử: Wrapper cho Component trang / 156
1 Giới thiệu Firebase
2 Cài đặt Webpack / 252
3 Cài đặt Firebase / 253
4 Kết nối Firebase / 254
5 Lấy dữ liệu Documents - Phần I / 255
6 Lấy dữ liệu Documents - Phần II / 256
7 Thêm & Xóa Documents / 257
8 Snapshots / 258
9 Truy vấn Firestore / 259
10 Sắp xếp Dữ liệu / 260
11 Cập nhật Documents / 261
12 Lấy dữ liệu Document riêng lẻ / 262
13 Xác thực - Phần I / 263
14 Xác thực - Phần II / 264
1 Mã nguồn Dự án - Github
2 Demo WriteNode / 159
3 Cấu trúc Dự án / 160
4 Tạo kiểu cho Dự án / 161
5 Trang chủ / 162
6 Cài đặt Firebase / 163
7 Cấu hình Firebase / 164
8 Header Xác thực có điều kiện / 165
9 Tạo Bài viết Blog / 167
10 Lỗi: Lấy đối tượng / 168
11 Chuyển đổi Cập nhật / 169
12 Tiêu đề Trang động
13 React Loading Skeleton
14 Triển khai Dự án / 172
1 Nội dung Bổ sung

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

Welcome to React JS Masterclass, one single course to start your React journey as a beginner step-by-step. This course touches on each and every important topic through concept explanation, documentation, and implementation. The entire course is designed for beginners with one goal in mind, to learn concepts and build React projects.

Throughout the course, we will explore the most important React topics step-by-step:

  • JSX and components

  • State and props

  • Event handling

  • Built-in hooks (e.g. useState, useEffect, useCallback, useRef)

  • Working with forms, validations, and handling form data.

  • Client-side routing with React Router

  • Work with multiple API and handle data for projects

  • Integrating with other libraries and frameworks (e.g. Redux)

  • Testing and debugging React applications using popular libraries like Jest, RTL and React DevTools.

  • DOM manipulation and manipulating the Virtual DOM

  • Server-side rendering

  • Optimizing the performance of React application

  • Best practices for structuring and organizing React projects

  • Building and deploying production-ready React applications, including code splitting and optimization techniques.

Other Concepts:

  • Building and using advanced Custom Hooks

  • Styling with Tailwind CSS

  • Integrating Context & Reducers

  • Building mock backend with JSON Server & JSON Server Auth

  • Integrating Firebase storage as well as authentication

  • Project deployment on Netlify using Git & Github

  • Integrating external libraries: Toastify & React Skeleton


Why this course?

  • Complete course is focused on the concept learning approach, you learn every concept through a logical and visual learning approach.

  • Learn all important concepts in the simplest possible way with examples and real-life projects.

  • You need HTML, CSS and JavaScript knowledge, we will cover everything about React step-by-step from scratch.

The course is designed for developers who have some experience with JavaScript and web development and want to learn how to build dynamic, responsive user interfaces using React.

------------------
After completing this course you will be ready to work as an Intern, Fresher, or Freelancer and you will also be able to implement everything yourself! Most importantly you will have the potential to build, test and deploy your own projects. 

Enroll now, I will make sure you learn best about React.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Frontend Development
Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học React
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊