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

Name: Lập trình react js chuyên sâu với React Hooks and Bootstrap
Rating: 4.5 (59 reviews)

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

Role Play

Created byMan Nguyen |Software Architect |Cloud Solution Architect(AWS)

Last updated 5/2026

Vietnamese

What you'll learn

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,...

Course content

12 sections • 130 lectures • 23h 44m total length

Introduction to ReactJS14:10
Components of a Web Application8:44
Install Environment and Tools3:56
Install NodeJS and Yarn7:58
Install Visual Studio Code3:50
Install ReactJS Code Snippets4:07
Install ESLint and Prettier4:50
Create First ReactJS Project13:56
ReactJS Project Structure11:19
Config ESLint and Prettier20:52
Test-Interview-01 - Explain about What is ReactJS/ Giải thích React là gì?

Giới Thiệu JSX4:55
Rendering Elements/Biên dịch các phần tử10:23
DOM & Virtual DOM/DOM và Kỹ thuật DOM ảo7:18
Components4:37
Class Component6:09
Functional Component5:33
Props / Thuộc tính19:07
State / Trạng thái17:24
State in Functional Component/Sử dụng state trong Functional Component11:34
Difference between Props & State / Sự khác biệt giữa Props và State3:40
Component Lifecycle / Vòng đời của component15:41
Handling Events / Xử lý sự kiện trong React19:21
Conditional Rendering / Điều kiện Rendering14:02
Rendering Lists / Rendering 1 danh sách13:31
Handling Forms / Xử lý Forms17:11
Lifting State Up / Kỹ thuật Lifting State Up16:32
Handling Deleting Data / Xử lý sự kiện xóa dữ liệu8:06
Thinking in ReactJs / Tư duy ở trong React11:56
Test-Interview-02 - Explain about Main Concepts in ReactJS

Styling in ReactJS/ Trang trí ở trong React4:29
Inline Styles / Trang trí kiểu Inline4:47
CSS Styles / Trang trí kiểu CSS5:50
SCSS (SASS) / Trang trí sử dụng SCSS12:14
CSS Module / Trang trí sử dụn CSS Module14:55
Using React-Bootstrap / Sử dụng Bootstrap13:17
Using React-Icons / Sử dụng thư viện React-Icons8:55
Intro and Install Material UI / Giới thiệu và cài đặt thư viện Material UI9:49
Using Material UI / Sử dụng Material UI14:11
Styling in Material UI / Trang trí trong Material UI10:30

Routing in ReactJs/ Điều hướng ở trong ReactJS10:41
Demo create a template website / Demo tạo template website21:23
Nested Routes - Outlet - Index Routes / Các route lồng nhau11:30
Using Link NavLink and Active Link6:41
Use Navigate / Sử dụng Navigate11:08
Redirect to another route / Chuyển hướng sang 1 route khác5:00
Handling not found URL6:38
Routing Hooks9:10
Dynamic Segments5:18
Reading URL params18:05
Reading search params9:21
Sync filters to search params11:06

Introduction13:47
Redux Terms and Concepts11:30
Install Redux into React Project7:00
Configuring Redux into Project15:49
Mapping State to Props8:10
Mapping Dispatch to Props9:32
Apply Redux Middleware7:26
Install and Using Redux Devtools8:32
Create Product Management Page38:57
Create and Setup Product Reducer17:53
CRUD with Redux - Part 1: Read Data32:25
CRUD with Redux - Part 2: Create Data39:26
CRUD with Redux - Part 3: Update Data53:59
CRUD with Redux - Part 4: Delete Data15:05
Filter data with Redux12:00
Search data with Redux10:20
Debug and Summary
Test-Interview-04-Explain about Redux

Introduction to Authentication and Authorization15:36
Basic Authentication: Implement Registration Page16:10
Basic Authentication: Validate Registration Page10:55
Basic Authentication: Integrate with Register API16:19
Basic Authentication: Implement Login Page10:18
Basic Authentication: Integrate with Login API10:34
Save Basic User Information Into Session Storage10:58
Basic Authentication: Implement Logout Feature8:23
Authorization: Introduction to React Private Routes6:00
Authorization: Implement React Private Routes - Part 110:32
Authorization: Implement React Private Routes - Part 222:04
Authorization: Implement React Private Routes - Part 323:24
Authorization: Implement React Private Routes - Part 429:18
Introduction to Authentication & Authorization with JWT12:42
Implement Authentication and Authorization with JWT39:02

Requirements

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

Description

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.

Who this course is for:

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

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

What you'll learn

Explore related topics

Course content

Introduction & Install Environment / Giới Thiệu và cài đặt môi trường11 lectures • 1hr 34min

Main Concepts / Các khái niệm chính19 lectures • 3hr 27min

Using CSS, Bootstrap, Material UI and Icons10 lectures • 1hr 39min

Routing in ReactJs / Điều hướng ở trong ReactJS12 lectures • 2hr 6min

React HOOKs9 lectures • 1hr 45min

Working with Restful API9 lectures • 1hr 40min

Working with Form6 lectures • 1hr 8min

Using React with Redux18 lectures • 5hr 2min

Authentication and Authorization in React15 lectures • 4hr 2min

Advanced Guides3 lectures0

Requirements

Description

Who this course is for: