The complete React 19 course, incl. Next JS & Express

Khóa học React 19 toàn tập, bao gồm Next JS & Express

Nâng tầm kỹ năng lập trình của bạn với React, Redux, Next JS, Node.js, Express và MongoDB

4.8

(1,732 đánh giá)

10,659 học viên

Giảng viên

Coding Revolution

Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao

79.000đ 1.449.000đ -95%

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

Bao gồm phụ đề tiếng Việt, tiếng Anh

34.5 giờ video

292 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

#Javascript #Next Js #React #Web Development

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

Bạn sẽ học toàn bộ quy trình xây dựng WebApp bằng React, từ máy tính cá nhân đến máy chủ.

Làm việc với cơ sở dữ liệu NoSQL (Firebase, MongoDB và Mongoose)

Cách triển khai ứng dụng lên các dịch vụ như Firebase và Heroku.

Tìm hiểu cách hoạt động của Redux và áp dụng vào một ứng dụng thực tế.

Tìm hiểu NODE.js là gì, cách hoạt động và tự tạo máy chủ của riêng bạn.

Học những kiến thức cơ bản về Webpack

Yêu cầu

Chỉ cần biết một chút về HTML, CSS và Javascript, mọi thứ khác bạn sẽ học dần trong khóa học.

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

Phù hợp từ người mới bắt đầu đến trình độ trung cấp về Javascript.

Nội dung khóa học

21 phần • 292 bài giảng

1 Mở đầu

2 Môi trường phát triển tích hợp (IDE)

3 Tài nguyên GitHub

4 Cài đặt Node JS

1 Tạo một Ứng dụng React

2 Cấu trúc Dự án

3 Xây dựng từ nền tảng

4 JSX - Bên dưới lớp vỏ

5 Lên kế hoạch cho Ứng dụng của bạn

6 Kết nối các thành phần

7 Biểu thức đơn

8 Thêm kiểu dáng (Styles)

9 Sự kiện (Events)

10 Mã nguồn có thể tái sử dụng

11 Trạng thái (State) của Component

12 Trạng thái Trước đó (Prev State)

13 Trạng thái Phức tạp

14 Trạng thái của Header

15 Props

16 Truyền Props cho mục tin tức

17 React Children

18 Định dạng nội tuyến (Inline Stylings)

19 Từ Thành phần Con lên Cha

20 Hoàn thiện ứng dụng Cơ bản

1 Giới thiệu

2 UseEffect

3 Dọn dẹp Hiệu ứng (Cleanup Effect)

4 UseRef

5 Refs dưới dạng Props

6 React Context phần 1

7 React Context phần 2

8 React Context phần 3

1 Giới thiệu

2 Tạo một Context

3 Hiển thị Giai đoạn

4 Tạo Form nhập liệu

5 Thêm và Hiển thị người chơi

6 Xác thực (Validation)

7 Xóa người chơi

8 Hiển thị thông báo (Toasts)

9 Hoàn thiện Ứng dụng

1 Giới thiệu

2 Quy trình định tuyến (Router)

3 Tạo các Route

4 Liên kết (Linking)

5 Một Header tốt hơn

6 Tham số Động (Dynamic Params)

7 NavLink và các loại Router

8 Chuyển hướng (Redirections)

9 Route 404

10 Route lồng nhau (Nested Routes)

1 Kiến thức cơ bản về Chuyển tiếp

2 Kiến thức cơ bản về Chuyển tiếp phần 2

3 CSS Transitions

4 Nhóm Chuyển tiếp (Transitions Group)

1 Giới thiệu

2 Formik cơ bản

3 Xác thực

4 Sử dụng lược đồ xác thực (Validation Schema)

5 Formik Hook

6 Các thành phần Formik

7 Thành phần Tùy chỉnh (Custom Components)

1 Giới thiệu

2 Tạo một Store

3 Tạo một Slice

4 Truy cập Store

5 Phát đi các Hành động (Dispatching Actions)

6 Extra Reducers phần 1

7 Extra Reducers phần 2

8 Từ chối (Reject) và Hoàn thành (Fulfill)

9 Promise từ Dispatch

10 Tạo một Context

11 Hook useReducer

1 Giới thiệu

2 Tạo các Route

3 Cấu hình Redux

4 Header và Bố cục (Layout)

5 Json Server

6 Lấy bài viết cho trang chủ (Fetching)

7 Tải thêm bài viết

8 Thẻ Masonry

9 Route bài viết và Moment

10 Giao diện xem Bài viết

11 Dọn dẹp bài viết theo ID

12 Biểu mẫu Liên hệ

13 Xác thực Liên hệ

14 Gửi thông tin Liên hệ

15 Biểu mẫu Bản tin (Newsletter)

16 Hoàn thiện ứng dụng

1 Giới thiệu

2 Tạo một Ứng dụng Next JS

3 Cách Routes hoạt động

4 Routes Tĩnh (Static)

5 Routes Lồng nhau (Nested)

6 Routes Động (Dynamic)

7 Tham số và Tham số Tìm kiếm (Params & SearchParams)

8 Routes Bắt tất cả (Catch-All)

9 Bố cục (Layouts)

10 Liên kết và Điều hướng

11 Các thành phần Tiêu chuẩn

12 Kiểu dáng và Modules

13 Routes Song song (Parallel)

14 Nhóm Route (Route Groups)

1 Tạo một Mẫu (Template)

2 Các Chiến lược

3 Thiết lập Cơ sở dữ liệu

4 Nhân viên Trang chủ

5 Tại sao không thể dùng Hooks? Phần 1

6 Tại sao không thể dùng Hooks? Phần 2

7 Thêm về Máy chủ và Máy khách (Server & Client)

8 Tệp Hành động Máy chủ (Server Action)

9 Giới thiệu về Biểu mẫu Máy chủ

10 Tái cấu trúc sang tệp hành động

11 Hook "useActionState"

12 Giao diện Đang tải (Loading UI)

13 Nhân viên theo ID

14 Giao diện Lỗi (Error UI)

15 Giao diện Không tìm thấy (Not Found UI)

16 Trang Chỉnh sửa Nhân viên

17 Tạo biểu mẫu chỉnh sửa

18 Hành động chỉnh sửa nhân viên phần 1

19 Hành động chỉnh sửa nhân viên phần 2

20 Xóa nhân viên

21 Truyền phát (Streaming)

1 Build và Start

2 Động hay Tĩnh (Dynamic or Static)

3 Tùy chọn cấu hình Phân đoạn (Segment Config)

4 Xác thực lại (Revalidate)

5 Tùy chọn Fetch

6 Cookies và Headers

7 Tham số Tĩnh (Static Params)

1 Giới thiệu

2 Trình xử lý Route Ứng dụng và Postman

3 Route GET - phần 1

4 Route GET - phần 2

5 POST nhân viên

6 PATCH nhân viên

7 DELETE nhân viên

1 Giới thiệu

2 Cài đặt Tailwind và Hero UI

3 Tailwind nhanh

4 Sass

5 Giới thiệu Next UI

6 Nhập khẩu và Bí danh Module (Imports & Module Alias)

1 Giới thiệu

2 Tạo Thanh điều hướng (Nav)

3 Cấu hình Phông chữ (Fonts)

4 Xác thực bằng Thông tin đăng nhập (Credentials) trong Next Auth

5 Bí mật (Secret) trong Next Auth

6 Middleware trong Next Auth

7 Phiên người dùng trên Máy chủ

8 Phiên người dùng trên Máy khách

9 Đăng nhập bằng Github

10 Biểu mẫu Đăng ký phần 1

11 Biểu mẫu Đăng ký phần 2

12 Tạo một Cụm (Cluster)

13 Kết nối Cơ sở dữ liệu

14 Lược đồ Mongoose (Schema)

15 Route Đăng ký

16 Đăng ký người dùng mới

17 Đăng nhập người dùng phần 1

18 Đăng nhập người dùng phần 2

19 Route đăng nhập tùy chỉnh

20 Đăng xuất người dùng

1 Mở rộng các liên kết điều hướng

2 Mô hình Địa điểm (Venue)

3 Tạo biểu mẫu Địa điểm

4 Đăng tải Địa điểm (Posting Venues)

5 Xác thực Lược đồ Địa điểm

6 Lỗi Địa điểm phía Máy khách

7 Mô hình Sự kiện (Event)

8 Biểu mẫu Thêm sự kiện

9 Trình chọn Ngày cho Sự kiện (Datepicker)

10 Đăng tải Sự kiện

11 Hiển thị thông báo toast

12 Lấy sự kiện trang chủ

13 Thẻ sự kiện trang chủ phần 1

14 Thẻ sự kiện trang chủ phần 2

15 Tải thêm trên trang chủ

16 Trang sự kiện

17 Thẻ trang sự kiện

18 Triển khai ứng dụng

1 Node là gì?

2 REPL trong terminal

3 Blocking vs Non-blocking

4 Kiểm thử

5 Threads

6 Threads, Event loop và Call stack phần 1

7 Threads, Event loop và Call stack phần 2

1 Tạo server với Node JS

2 Phản hồi HTML

3 Phản hồi JSON

4 Định tuyến

5 Bắt đầu với Express

6 Tham số & Chuỗi truy vấn

7 Middleware phần 1

8 Middleware phần 2

9 Body Parser

10 Truy vấn qua POST

11 Express & React

12 Tạo Cluster

13 Kết nối MongoDB

14 Đăng dữ liệu

15 Lấy dữ liệu

16 Xóa dữ liệu

17 Cập nhật dữ liệu

1 Giới thiệu

2 Thêm người dùng vào DB

3 Giới thiệu Hashing

4 Mã hóa mật khẩu

5 Đăng nhập người dùng

6 So sánh mật khẩu

7 Kiến thức cơ bản JWT

8 Đăng nhập người dùng

9 Xác thực Token

10 Middleware xác thực

1 Bắt đầu dự án

2 Kết nối MongoDB

3 Tạo models

4 Tạo routes

5 Controllers

6 Services

7 Đăng ký người dùng phần một

8 Đăng ký người dùng phần hai

9 Kiểm tra route đăng ký

10 Đăng nhập người dùng

11 Kiểm tra route đăng nhập

12 Lỗi API phần Một

13 Lỗi API phần Hai

14 Middleware xác thực phần một

15 Middleware xác thực phần hai

16 Tạo Roles

17 Kiểm tra Roles

18 Lấy thông tin người dùng

19 Quyền Locals

20 Cập nhật hồ sơ

21 Cập nhật email người dùng

22 Giới thiệu Email

23 Dịch vụ Email

24 Kiểm tra dịch vụ email

25 Xác thực email

26 Thêm danh mục

27 Lấy danh mục

28 Tạo bài viết Phần Một

29 Tạo bài viết Phần Hai

30 Xác thực Express

31 Lấy bài viết theo ID

32 Cập nhật một phần bài viết theo ID

33 Xóa bài viết theo ID

34 Lấy bài viết theo ID cho người dùng

35 Lấy tất cả bài viết

36 Tải thêm

37 Phân trang bài viết

1 Giao diện người dùng

2 Tạo header

3 Thanh điều hướng bên

4 Bố cục chính

5 Thiết lập Redux

6 Form đăng nhập/đăng ký phần một

7 Form đăng nhập/đăng ký phần hai

8 Đăng ký người dùng

9 Đăng nhập người dùng

10 Thông báo

11 Hiển thị thông báo toast

12 Tự động đăng nhập phần một

13 Tự động đăng nhập phần hai

14 Ngăn chặn đăng nhập

15 Đăng xuất

16 Bảo vệ route

17 Classname bố cục Admin

18 Component bố cục Admin

19 Route thêm bài viết

20 Các trường chung khi thêm bài viết phần một

21 Các trường chung khi thêm bài viết phần hai

22 Danh mục bài viết

23 Mảng diễn viên bài viết

24 Trình soạn thảo WYSIWYG

25 Đăng bài viết

26 Chỉnh sửa bài viết phần một

27 Chỉnh sửa bài viết phần hai

28 Lấy bài viết phân trang

29 Bảng phân trang

30 Nút phân trang

31 Thay đổi trạng thái bài viết

32 Xóa bài viết theo ID phần một

33 Xóa bài viết theo ID phần hai

34 Lấy danh mục

35 Đăng danh mục

36 Bài viết trang chủ phần một

37 Bài viết trang chủ phần hai

38 Màn hình bài viết theo ID

39 Bảng điểm bài viết theo ID

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

Do you want to learn the whole process of building your App ?. This is the course for you.

We will start from the very beginning, from "I don't even know how use it..and why would I“ to actually understanding how React works and make it communicate with other technologies like Next JS & Node JS.

You will learn all the logic and practice behind React in different modules, and as we advance through the course we will be increasing the difficulty.

Since I believe that the best way to fully learn is by coding, after each important section we will put everything in practice with some course projects, and after you have a strong base of React we will journey into Next JS, Servers and Databases, Redux and deploying apps to production.

To sum everything up, you will learn in this course:

The very basics of React. How to install and the logic behind it.
Once you know the basics of React we will journey into the confusing stuff.
After you have a strong base of React we will create a full practice project.
Everybody is using Redux, so we will learn how to use redux with our React Apps.
We will Deep dive into Next JS until we create and deploy a practice app.
Since our app will need a database, you will learn how to use MongoDB and mongoose.
Apply security, authentication, restricting routes, hashing passwords and JWT’s.

What about the instructor experience ?

Well I've been around for 15 years now, built lots of applications for small projects and big companies like Citi, Fox, Disney and a lot more.

Today I work as developer for a major company developing applications in React or Angular mostly, but I like to teach in my spare time.

How about the target audience?

This course is for almost everyone, a little bit of JavaScript is required. We will use ES6 but you can learn as we go.
If you want to take your coding to the next level, this is the course for you.