Ư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í

Hands-On React Bootcamp: Build 30 Real World Projects

Khóa Học Thực Hành React: Xây Dựng 30 Dự Án Thực Tế

Khóa Học Thực Hành React: Xây Dựng 30 Dự Án Thực Tế

Học Lập Trình React: Phát Triển Ứng Dụng Web Sử Dụng Socket, REST APIs, Firebase, React Hooks, Bootstrap, React.js

4.6
(196 đánh giá)
4,078 học viên
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
46.5 giờ video
391 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ì

Học Cách Tạo Các Dự Án React Thực Tế
Học cách tạo React Components, React Forms
Tìm hiểu React là gì và cách thức hoạt động của nó
Xem quy trình từng bước để thiết kế và lắp ráp một dự án nâng cao
Quản lý dự án sử dụng kiến trúc dựa trên package
Xây dựng portfolio các dự án thực tế với một trong những công nghệ phát triển web được săn đón nhất

Yêu cầu

Kiến thức cơ bản về React

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

Người mới bắt đầu với React

Nội dung khóa học

31 phần • 367 bài giảng
1 Giới Thiệu Khóa Học
2 Nội Dung Khóa Học
1 Giới Thiệu Dự Án - Cửa Hàng Thương Mại Điện Tử (Bản Sao Amazon)
2 Bắt Đầu Với React
3 Header eShop
4 Trang Chủ eShop
5 React Props
6 React Routing
7 Trang Thanh Toán eShop
8 React Context API
9 Thêm Vào Giỏ Hàng
10 Xóa Khỏi Giỏ Hàng
11 Xác Thực Sử Dụng Firebase
12 Triển Khai Ứng Dụng
13 Tải Xuống Tệp Dự Án
1 Giới Thiệu Dự Án
2 Bắt Đầu
3 React Chat Engine
4 Components
5 Chat Feed
6 My Message Component
7 Their Message Component
8 Render Read Receipts
9 Message Form
10 Login Form
11 Hoàn Thành Dự Án
12 Tải Xuống Tệp Dự Án
1 Giới Thiệu Dự Án - Ứng Dụng Phim (OTT)
2 Bắt Đầu
3 OMDb API
4 Danh Sách Phim
5 MovieListHeading và Hộp Tìm Kiếm
6 Triển Khai Tính Năng Tìm Kiếm
7 Thêm Vào Yêu Thích
8 Xóa Khỏi Danh Sách Yêu Thích
9 Local Storage
10 Hoàn Thành Dự Án
11 Tải Xuống Tệp Dự Án
1 Giới Thiệu Dự Án
2 Bắt Đầu
3 React Material-UI
4 Youtube API
5 Component Thanh Tìm Kiếm
6 React State Hooks
7 Component Chi Tiết Video
8 Component Danh Sách Video
9 Component Mục Video
10 Hoàn Thành
11 Tải Xuống Tệp Dự Án
1 Giới Thiệu Dự Án - Trang Web Quản Lý Công Việc
2 Bắt Đầu Với React
3 Component Header
4 Component CreateArea
5 Thêm Ghi Chú
6 Thêm Ghi Chú
7 CreateArea CSS
8 Component Note
9 Xóa Ghi Chú
10 Component Footer
11 Hoàn Thiện CSS
12 Hoàn Thành
13 Tải Xuống Tệp Dự Án
1 Giới Thiệu Dự Án - Trang Web Blog
2 Bắt Đầu
3 userSlice.js
4 store.js _ index.js
5 Component Trang Chủ
6 Component Thanh Điều Hướng
7 Hoàn Thiện Thanh Điều Hướng
8 Gnews API
9 Component Blogs
10 Hoàn Thành Dự Án
11 Tải Xuống Tệp Dự Án
1 Giới Thiệu Dự Án
2 Bắt Đầu
3 Xác Thực và Bảo Mật
4 Mã Hóa Cơ Sở Dữ Liệu
5 Biến Môi Trường
6 Hashing
7 Salting và Hashing
8 Sessions
9 Sessions
10 Google OAuth
11 Tải Xuống Tệp Dự Án
1 Giới Thiệu Dự Án
2 Bắt Đầu
3 Dependencies và Components
4 React-Router-DOM
5 Props và Component Home
6 Component Thanh Điều Hướng
7 Component About
8 Destructuring Assignment
9 Hoàn Thiện Component
10 Hoàn Thành Dự Án
11 Tải Xuống Tệp Dự Án
1 Giới Thiệu Ứng Dụng
2 Tạo Ứng Dụng React
3 Dọn Dẹp
4 Hello World
5 Context phần 1
6 Context Phần 2
7 Trang Chủ
8 Trang About
9 Xác Thực Form
10 Form Liên Hệ Phần 1
11 Form Liên Hệ Phần 2
12 Form Liên Hệ Phần 3
13 Component Người Dùng Phần 1
14 Component Người Dùng Phần 2
15 Tạo Component Người Dùng Phần 1
16 Component Người Dùng Phần 2
17 Trang Lỗi
18 Các Import Cần Thiết
19 Navbar
20 Chỉnh Sửa Cuối Cùng
21 Tải Xuống Tệp Dự Án
1 Giới Thiệu Ứng Dụng
2 CRA
3 Chạy Lần Đầu
4 Dọn Dẹp
5 Fonts
6 Tạo Context
7 Cách Sử Dụng Create Context
8 Tạo Theme Context
9 Content Context
10 Tạo Components
11 Phần Tiếp Theo
12 Tạo BookList
13 Tạo Book
14 Chỉnh Sửa Cuối Cùng
15 Triển Khai
16 Tải Xuống Tệp Dự Án
1 Giới Thiệu Ứng Dụng
2 CRA
3 Chạy Lần Đầu
4 Extensions Cho React
5 Tạo Components
6 Components Phần 2
7 Thêm Components Phần 3
8 Thêm Redux
9 Tạo Store
10 Cung Cấp Store
11 Thêm Store Phần 2
12 Kết Nối
13 Tạo Component Tìm Kiếm
14 Tạo NoteItem
15 Hoàn Thành Ứng Dụng
16 Tải Xuống Tệp Dự Án
1 Giới Thiệu Ứng Dụng
2 CRA
3 Cấu Trúc Thư Mục
4 Extensions
5 Tạo Components
6 Tạo ContactList
7 Tạo Contact Form
8 Styles
9 Styles 2
10 Tải Xuống Tệp Dự Án
1 Giới Thiệu Ứng Dụng
2 Tạo Ứng Dụng React
3 Chạy Lần Đầu
4 Extensions Cho React
5 Tạo Components
6 Tạo Các Components Cần Thiết
7 Tạo App.jsx
8 Tạo Một Component
9 CardItem
10 Thêm Vào Giỏ Hàng
11 Xóa Mục
12 Hoàn Thiện
13 Tải Xuống Tệp Dự Án
1 Giới Thiệu Ứng Dụng
2 CRA
3 Chạy Lần Đầu
4 Extensions
5 Tạo State
6 Tạo State phần 2
7 Thêm Methods
8 Định nghĩa Methods
9 Hoàn thiện Booking.js
10 Tạo Billing.js
11 Tạo Methods trong Billing
12 Billing.js Phần 1
13 Billing.jsx Phần 2
14 DateSelector.js
15 RoomDetails.js
16 Thêm tính năng động cho RoomDetails.js
17 Tải xuống File Dự án
1 Giới thiệu Ứng dụng
2 Tạo Ứng dụng React
3 Chạy lần đầu
4 Tiện ích mở rộng
5 Sử dụng useState
6 Tạo Cấu trúc
7 Tạo Cấu trúc Phần 2
8 Tạo Hằng số
9 Tạo Methods
10 Methods Phần 2
11 Tạo Methods Phần cuối
12 Chỉnh sửa cuối cùng
13 Tải xuống File Dự án
1 Giới thiệu Ứng dụng
2 Tạo Ứng dụng React (CRA)
3 Cấu hình Ứng dụng
4 Index.js
5 Tạo App.js
6 Tạo Reducer
7 Actions Creators
8 Sử dụng connect
9 MapStatetoProps
10 Tạo Components Phần 1
11 Tạo Components Phần 2
12 Tạo Component Phần 3
13 Kết nối Components
14 Tải xuống File Dự án
1 Giới thiệu Ứng dụng
2 Tạo Ứng dụng React (CRA)
3 Tiện ích mở rộng
4 Tạo Components
5 Tạo Methods
6 Tạo Methods Phần 2
7 Thêm Player.js
8 Tạo Counter.js
9 Tạo Stats
10 Tạo StopWatch
11 Component cuối cùng
12 Tải xuống File Dự án
1 Giới thiệu Ứng dụng
2 Tạo Ứng dụng React (CRA)
3 Tiện ích mở rộng
4 Tạo Components
5 Cấu hình Components
6 Tạo Cấu trúc
7 Tạo Cấu trúc Phần 2
8 Tạo Generator.js
9 Hoàn thiện MetaTags
10 Chỉnh sửa cuối cùng
11 Tải xuống File Dự án
1 Giới thiệu Dự án
2 Cài đặt và Thiết lập Dự án
3 Áp dụng React Router
4 Tạo và Tạo kiểu Thanh Điều hướng
5 Hoàn thiện Thanh Điều hướng
6 Tạo Trang Chủ và Chân trang
7 Trang Thực đơn và Ánh xạ Dữ liệu
8 Trang Giới thiệu & Liên hệ
9 Tải xuống File Dự án
1 Tạo Khóa API
2 Giới thiệu Dự án
3 Tạo Component Tìm kiếm
4 Tạo Component Tìm kiếm
5 Tạo Thẻ Thời tiết
6 Tạo kiểu cho Thẻ Thời tiết
7 Hook useEffect
8 Promises, Async, Await, Try và Catch
9 Cấu hình Điểm cuối API
10 Lấy Dữ liệu từ API
11 Đưa Dữ liệu lên Giao diện Người dùng
12 Làm động Biểu tượng và Hoàn thiện Dự án.
13 Tải xuống File Dự án
1 Giới thiệu Dự án
2 Tạo ID API
3 Cài đặt Dự án React
4 Tạo Cấu trúc Cơ bản
5 Tạo kiểu Ô Nhập liệu và Trường Tìm kiếm
6 Gọi API qua Điểm cuối
7 Triển khai Tìm kiếm Tùy chỉnh
8 Danh sách Thả xuống Thể loại
9 Ánh xạ Dữ liệu từ API
10 Component RecipeTile
11 Thêm RegEx để Lọc Hình ảnh
12 Hosting Website trên Firebase
13 Tải xuống File Dự án
1 Giới thiệu Dự án
2 Thiết lập và Cài đặt Dự án
3 Tạo Thanh Điều hướng
4 Tạo kiểu Thanh Điều hướng
5 Tạo Context
6 Tạo CartContainer
7 Tạo Component CartItem
8 Hook useReducer
9 Triển khai useReducer
10 Xóa Giỏ hàng
11 Thêm và Xóa Mục khỏi Giỏ hàng
12 Tạo Actions trong Reducer
13 Dispatch và Actions Phần cuối
14 Tải xuống File Dự án
1 Giới thiệu Dự án
2 Khởi tạo Dự án
3 Tạo kiểu Tiêu đề
4 Tạo Component Thể loại
5 Component Menu
6 Tạo kiểu Component Menu
7 Làm việc trên Component Thể loại
8 Truyền và Ánh xạ Dữ liệu tới Component Menu
9 Hiển thị Dữ liệu trong Component App
10 Hosting Ứng dụng trên Firebase
11 Tải xuống File Dự án
1 Giới thiệu Dự án
2 Tạo Thanh Điều hướng
3 Liên kết Components tới Thanh Điều hướng
4 Tạo Context
5 API chúng ta sẽ sử dụng
6 Thiết lập Global Context
7 Lấy Dữ liệu với Try và Catch
8 Tạo Global Context
9 Tạo Component Tìm kiếm
10 Components Loader, Cocktails, CocktailList
11 Component SingleCocktail
12 Tải xuống File Dự án
1 Giới thiệu Dự án
2 Thiết lập Dự án
3 Sử dụng Material-UI và Thanh Điều hướng
4 Tính năng Chế độ Tối
5 Component Tìm kiếm.
6 Component Đăng Đánh giá
7 Thêm JS vào AddNote
8 Tạo Danh sách Đánh giá (NoteList)
9 Tạo Component Đánh giá (Note)
10 Cấu hình App.js
11 Hoàn thiện Dự án
12 Tải xuống File Dự án
1 Giới thiệu Dự án
2 Thiết lập Dự án
3 Tạo Component Nút bấm.
4 Tạo kiểu Nút bấm
5 Component SetPomodoro
6 Cấu hình SetPomodoro
7 Component Hoạt ảnh Đếm ngược
8 Tạo GlobalContext
9 Cấu hình Global Context
10 Cấu hình App.js
11 Hoàn thiện Dự án với App.js
12 Tải xuống File Dự án
1 Giới thiệu Dự án
2 Thiết lập Dự án
3 Cài đặt Tailwind và Craco
4 Tạo Thanh Điều hướng
5 Tạo Component Tìm kiếm
6 Hoàn thiện Tìm kiếm và Tạo Liên kết
7 Tạo Component Loading và Footer
8 Tạo Global Context
9 Tạo Cấu trúc Component Kết quả
10 Phân phối Dữ liệu theo Trường Tìm kiếm
11 Thiết lập Routes và App.js
12 Tải xuống File Dự án
1 Giới thiệu Dự án Trò chơi Tic tac Toe
2 Thiết lập Môi trường cho dự án
3 Bắt đầu với React Component và Hiểu Cấu trúc Thư mục
4 Giới thiệu về props trong react và truyền hàm cho components
5 Hiển thị người chơi bằng useState Hooks
6 Chuyển đổi giữa người chơi X và O bằng useEffect hooks
7 Thêm hành động cho nút khởi động lại
8 Tạo điều kiện cho trận hòa
9 Thêm hiệu ứng âm thanh cho dự án
10 Tải xuống File Dự án
1 Giới thiệu về Đếm từ sử dụng React js
2 Những gì chúng ta sẽ làm
3 Bắt đầu với Giao diện Người dùng cho bộ đếm từ
4 Hoàn thiện bộ đếm chữ cái và từ
5 Hoàn thiện với các nút bấm
6 Tải File Dự Án
1 Giới thiệu về công cụ chuyển đổi tiền tệ
2 Những gì chúng ta sẽ tạo
3 Bắt đầu với Giao diện Người dùng của dự án
4 Kết quả cuối cùng với API chuyển đổi
5 Tải File Dự Án

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

React uses declarative instead of imperative syntax. It’s a simpler way of developing apps, and you can learn why here.

Basically, React is faster to develop with because you don’t need to tell the app how to represent the state — you just need to say what you’d like to happen. It’s quick, it’s easy, and there’s less room for human error.

You may have heard of the phrase “Write once, run anywhere” before. React Native brings that kind of philosophy to React with “Learn once, write anywhere”.

Once you understand the basic architecture and thinking behind React, you’ll be able to develop fully functioning apps for both Android and iOS. You won’t have to learn two different ways to represent your app. So after you learn React, you can bring your new product to users not just as quickly as possible, but as widely as possible.

React has a massive community of dedicated developers. The community helps to maintain and grow the open-source library, with everyone able to contribute their own components to the library.

The community is also so strong because of the great tools you can work with in React, including React Profiler and React devtools.

React saves you time and money on development because it’s component-based. You can break down an interface into reusable components that allow you to build dynamic user interfaces.

This taps into the current thinking behind ‘Design Systems’. These enable developers to provide a single source of truth for designers, ensuring consistency for large companies working across multiple tech platforms.

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 😊