Lập trình react js chuyên sâu với React Hooks and Bootstrap

Học Reactjs từ cơ bản đến nâng cao với React Hooks, Bootstrap , Material UI, Redux, Restful API, TypeScript, Hosting,...

4.5

(619 đánh giá)

2,476 học viên

Giảng viên

Man Nguyen

Đánh giá cao

79.000đ 1.739.000đ -95%

✓ Xem giỏ hàng và thanh toán

Mua trực tiếp qua Zalo Học thử bài 1

23.5 giờ video

10 tài nguyên

16 bài viết

Truy cập vĩnh viễn

Học trên mọi thiết bị

Cập nhật: 28/04/2026

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

Hiểu và làm chủ React từ cơ bản đến chuyên sâu, Biết cách tư duy và áp dụng các kiến thức trong công nghệ REACT vào các dự án thực tế

Các bạn sẽ tự tin làm chủ và nắm vững những KIẾN THỨC quan trọng và cốt lõi nhất của REACT cho đến các kiến thức nâng cao

Biết cách cài đặt môi trường & các công cụ cần thiết để thực hành & làm việc được vs công nghệ REACT

Biết cách tích hợp các công nghệ làm front end phổ biến nhất hiện nay như Bootstrap, Material UI,... vào react để làm các website đẹp và sinh động

Được hướng dẫn thực hành 1 cách toàn diện từ việc xây dựng 1 project cơ bản tới xây dựng các website phức tạp

Biết cách xây dựng các ứng dụng website LỚN, PHỨC TẠP và có PERFORMANCE cao bằng cách tích hợp Redux,... và các kỹ thuật khác vào trong Project REACT

Hiểu REACT & Architecture, cũng như các thành phần bên trong công nghệ của REACT

Biết cách build và deploy/triển khai & Hosting các ứng dụng website vs REACT lên môi trường production,...

Biết cách làm các chức năng liên quan đến Authentication/Authorization & JWT như: Login, Register, xử lý phân quyền,...

Yêu cầu

Nắm được kiến thức cơ bản của HTML5/CSS3

Nắm được kiến thức cơ bản Javascript/ES6

Có máy tính, laptop, cài đặt môi trường và các công cụ cần thiết

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

Các bạn mới tìm hiểu về ReactJS và muốn tìm hiểu nhanh về nó.

Các bạn đã làm việc với ReactJS và muốn nâng cao thêm kiến thức

Các bạn cần một khoá học ReactJS chuyên sâu về lý thuyết và chi tiết về thực hành

Nội dung khóa học

12 phần • 130 bài giảng

1 Introduction to ReactJS

2 Components of a Web Application

3 Install Environment and Tools

4 Install NodeJS and Yarn

5 Install Visual Studio Code

6 Install ReactJS Code Snippets

7 Install ESLint and Prettier

8 Create First ReactJS Project

9 ReactJS Project Structure

10 Config ESLint and Prettier

1 Giới Thiệu JSX

2 Rendering Elements/Biên dịch các phần tử

3 DOM & Virtual DOM/DOM và Kỹ thuật DOM ảo

4 Components

5 Class Component

6 Functional Component

7 Props / Thuộc tính

8 State / Trạng thái

9 State in Functional Component/Sử dụng state trong Functional Component

10 Difference between Props & State / Sự khác biệt giữa Props và State

11 Component Lifecycle / Vòng đời của component

12 Handling Events / Xử lý sự kiện trong React

13 Conditional Rendering / Điều kiện Rendering

14 Rendering Lists / Rendering 1 danh sách

15 Handling Forms / Xử lý Forms

16 Lifting State Up / Kỹ thuật Lifting State Up

17 Handling Deleting Data / Xử lý sự kiện xóa dữ liệu

18 Thinking in ReactJs / Tư duy ở trong React

1 Styling in ReactJS/ Trang trí ở trong React

2 Inline Styles / Trang trí kiểu Inline

3 CSS Styles / Trang trí kiểu CSS

4 SCSS (SASS) / Trang trí sử dụng SCSS

5 CSS Module / Trang trí sử dụn CSS Module

6 Using React-Bootstrap / Sử dụng Bootstrap

7 Using React-Icons / Sử dụng thư viện React-Icons

8 Intro and Install Material UI / Giới thiệu và cài đặt thư viện Material UI

9 Using Material UI / Sử dụng Material UI

10 Styling in Material UI / Trang trí trong Material UI

1 Routing in ReactJs/ Điều hướng ở trong ReactJS

2 Demo create a template website / Demo tạo template website

3 Nested Routes - Outlet - Index Routes / Các route lồng nhau

4 Using Link NavLink and Active Link

5 Use Navigate / Sử dụng Navigate

6 Redirect to another route / Chuyển hướng sang 1 route khác

7 Handling not found URL

8 Routing Hooks

9 Dynamic Segments

10 Reading URL params

11 Reading search params

12 Sync filters to search params

1 Introducing React HOOKs

2 Using useState()

3 Using useEffect()

4 Using useContext()

5 Using React.memo()

6 Using useCallback()

7 Using useMemo()

8 Custom Hook

1 Restful API Introduction

2 Create a Restful API

3 Install Axios Library

4 Get Data

5 Insert Data

6 Update Data

7 Delete Data

8 Using Toastify

9 Summary

1 Working with Form - Overview

2 Create a Contact Form

3 Using React Hook Form

4 Handling Form Validation

5 Schema Validation with Yup

6 Handling Form Submission

1 Introduction

2 Redux Terms and Concepts

3 Install Redux into React Project

4 Configuring Redux into Project

5 Mapping State to Props

6 Mapping Dispatch to Props

7 Apply Redux Middleware

8 Install and Using Redux Devtools

9 Create Product Management Page

10 Create and Setup Product Reducer

11 CRUD with Redux - Part 1: Read Data

12 CRUD with Redux - Part 2: Create Data

13 CRUD with Redux - Part 3: Update Data

14 CRUD with Redux - Part 4: Delete Data

15 Filter data with Redux

16 Search data with Redux

17 Debug and Summary

1 Introduction to Authentication and Authorization

2 Basic Authentication: Implement Registration Page

3 Basic Authentication: Validate Registration Page

4 Basic Authentication: Integrate with Register API

5 Basic Authentication: Implement Login Page

6 Basic Authentication: Integrate with Login API

7 Save Basic User Information Into Session Storage

8 Basic Authentication: Implement Logout Feature

9 Authorization: Introduction to React Private Routes

10 Authorization: Implement React Private Routes - Part 1

11 Authorization: Implement React Private Routes - Part 2

12 Authorization: Implement React Private Routes - Part 3

13 Authorization: Implement React Private Routes - Part 4

14 Introduction to Authentication & Authorization with JWT

15 Implement Authentication and Authorization with JWT

1 Introduction to ReactJS Advanced Topics

2 Introduction to Improve Performance Tips

3 Improve Performance - use shouldComponentUpdate

1 Deployment and Hosting Service

2 Deploy and Hosting ReactJS App

3 Push Code into GitHub

4 Deploy App to Vercel

5 Connect Domain to App

6 Testing and Summary

1 Introduction to TypeScript

2 Install TypeScript Package

3 Create First TypeScript Program

4 Project Configuration with tsconfig.json File

5 Types/Data Types in TypeScript

6 Lab - Use Primitive Types

7 Lab - Use Types for Function in TypeScript

8 Lab - Use Complex Types

9 Lab - Arrays and Loop

10 Lab - Create Class in TypeScript

11 Lab - Create Getter/Setter Method And Accessor

12 Lab - Make Constructor with Parameter Properties

13 Lab - Using Module

14 Lab - Use Inheritance

15 Lab - Use Abstract Class

16 Lab - Use Interface

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

Khóa học lập trình reactjs chuyên sâu với Bootstrap, Material UI.

React là 1 trong các công nghệ làm font-end phổ biến và mạnh mẽ nhất hiện nay, trong khóa học này các bạn sẽ biết tự tay khởi tạo 1 project ReactJS từ đầu, các bạn sẽ được giải thích chi tiết về cấu trúc của 1 project reactjs,

Khóa học được xây dựng và hướng dẫn 1 cách đầy đủ từng bước từ lý thuyết đến thực hành, từ bước phải cài đặt môi trường, init 1 project như thế nào cho đến hướng dẫn sử dụng và thực hành áp dụng các tính năng cốt lõi trong ReactJS thông qua các bài học ở trong từng chương kết hợp với các kiến thức cũng như kinh nghiệm khi đi làm trong các dự án thực tế của tôi. Các bạn sẽ sở hữu các kiến thức về các tính năng và các thành phần cốt lõi trong công nghệ làm font-end phổ biến và mạnh mẽ nhất hiện nay là ReactJS.

Và đặc biệt các bạn sẽ biết cách xây dựng 1 trang giao diện người dùng một cách nhanh chóng với các thư viện như Bootstrap, Material UI, React-Icons.

Hy vọng khóa học sẽ mang lại nhiều kiến thức hay và bổ ích, khóa học được xây dựng với nội dung sát với thực tế để các bạn có thể áp dụng vào trong công việc cũng như trong các dự án của chính các bạn.