Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

MERN From Scratch | eCommerce Platform

Xây dựng MERN từ đầu | Nền tảng Thương mại điện tử

Xây dựng MERN từ đầu | Nền tảng Thương mại điện tử

VỪA CẬP NHẬT! Xây dựng một nền tảng thương mại điện tử từ con số 0 với React, Redux Toolkit, Express & MongoDB

4.6
(8,087 đánh giá)
33,537 học viên
Giảng viên
Brad Traversy
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
13.5 giờ video
94 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 23/06/2026

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

Tạo một nền tảng thương mại điện tử tùy chỉnh với React, Redux, Node, Express & MongoDB
Một dự án thực tế được xây dựng theo cách tiếp cận tuần tự và tiến bộ
Xác thực JWT được lưu trữ trong HTTP-Only Cookie
Giỏ hàng đầy đủ tính năng với thanh toán PayPal & thẻ tín dụng/ghi nợ
Khu vực quản trị để quản lý khách hàng, sản phẩm & đơn hàng
Hệ thống Đánh giá & Nhận xét Sản phẩm
Tìm kiếm Sản phẩm, Carousel, Phân trang & Nhiều hơn nữa

Yêu cầu

Bạn cần biết kiến thức cơ bản về JS hiện đại và căn bản về React

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

Dành cho lập trình viên web full stack muốn học MERN bằng cách xây dựng một ứng dụng thực tế

Nội dung khóa học

14 phần • 94 bài giảng
1 Chào mừng đến với khóa học
2 Giới thiệu Dự án Khóa học
3 Kho mã nguồn Khóa học
4 Thiết lập Môi trường
1 Thiết lập React & Khởi tạo Git
2 Các Component Header & Footer
3 Tùy chỉnh Giao diện Bootstrap
4 Hiển thị Danh sách Sản phẩm
5 Triển khai React Router
6 Component Đánh giá
7 Trang Chi tiết Sản phẩm
1 Quy trình làm việc Full Stack & Giải thích
2 Máy chủ Express & Các Route Sản phẩm Ban đầu
3 Nodemon & Concurrently
4 Biến Môi trường
5 Lấy dữ liệu Sản phẩm
1 Thiết lập MongoDB Atlas
2 Thiết lập MongoDB Compass
3 Kết nối với Mongoose
4 Mô hình hóa Dữ liệu
5 Chuẩn bị Dữ liệu Mẫu
6 Seed Dữ liệu Mẫu
7 Bắt đầu với Postman
8 Lấy Sản phẩm từ Cơ sở dữ liệu
9 Middleware Xử lý Lỗi Tùy chỉnh
10 Product Controller
1 Tổng quan về Redux & State
2 Redux Store & API Slice
3 Products API Slice & Endpoint Lấy Sản phẩm
4 Thử thách: Endpoint Lấy Chi tiết Sản phẩm
5 Các Component Loader & Message
1 Cart Slice & Reducer
2 Hàm Thêm vào Giỏ hàng
3 Xử lý Số lượng & Thêm vào Giỏ hàng
4 File Cart Utils
5 Hiển thị Số lượng mục trong Header
6 Màn hình Giỏ hàng
7 Xóa khỏi Giỏ hàng
1 User Routes & Controller
2 Xác thực Email & Mật khẩu Người dùng
3 JSON Web Tokens hoạt động như thế nào?
4 JWT HTTP Only Cookie
5 Auth Middleware & Endpoint
6 Đăng xuất Người dùng & Xóa Cookie
7 Endpoint Đăng ký Người dùng & Mã hóa
8 Các Endpoint Hồ sơ Người dùng
1 Auth & User API Slice
2 Màn hình Đăng nhập
3 Chức năng Đăng nhập
4 Đăng xuất Người dùng
5 Đăng ký Người dùng
1 Màn hình Vận chuyển
2 Các Route Riêng tư
3 Component Các bước Thanh toán
4 Phương thức Thanh toán
5 Order Routes & Controller
6 Tạo & Lấy Đơn hàng
7 Order API Slice & Bắt đầu Màn hình Đơn hàng
8 Tạo một Đơn hàng
1 Trang Đơn hàng
2 Thiết lập PayPal & Đánh dấu Đơn hàng đã thanh toán
3 Tích hợp React-PayPal
4 Các Nút PayPal
5 Hồ sơ Người dùng & Cập nhật
6 Hiển thị Lịch sử Đơn hàng
1 Component Admin Route
2 Liệt kê Đơn hàng cho Quản trị viên
3 Cập nhật Trạng thái Giao hàng
4 Liệt kê Sản phẩm cho Quản trị viên
5 Tạo Sản phẩm
6 Chỉnh sửa Sản phẩm
7 Sửa lỗi Cập nhật Sản phẩm
8 Multer & Endpoint Tải lên Hình ảnh
9 Tải lên Hình ảnh Sản phẩm - Frontend
10 Xóa Sản phẩm
11 Backend User Routes
12 Liệt kê Người dùng cho Quản trị viên
13 Xóa Người dùng
14 Cập nhật Người dùng
1 Tạo Đánh giá - Backend
2 Tạo Đánh giá - Frontend
3 Phân trang Sản phẩm
4 Component Phân trang
5 Tìm kiếm Sản phẩm
6 Component Hộp Tìm kiếm
7 Carousel Sản phẩm
8 Tiêu đề Trang
1 Chuẩn bị cho Production
2 Triển khai lên Render
3 Thêm IP Máy chủ vào MongoDB Atlas
4 Thêm Tên miền Tùy chỉnh
5 Tổng kết
1 Các sửa lỗi nhỏ
2 Các sửa lỗi về PayPal & Tính toán Giá

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

This is a single-project course, meaning that we spend almost 13 hours building an eCommerce shop using the MERN stack along with Redux Toolkit. We start from absolute scratch with an empty folder. You will learn everything from setting up a server, modeling data, creating a MongoDB database, seeding data, creating the UI, managing state with Redux, authentication with JWT and much much more.


The ProShop platform that we will be building will include the following features:


  • Full-featured shopping cart with quantity

  • Product reviews and ratings

  • Top products carousel

  • Product pagination

  • Product search feature

  • User profile with orders

  • Admin product management

  • Admin user management

  • Admin Order details page

  • Mark orders as delivered option

  • Checkout process (shipping, payment method, etc)

  • PayPal / credit card integration

  • Custom database seeder script


This is not a documentation-type course. This is a "jump in and get your hands dirty" course where by the end, you have an actual real-world project to use and put on your portfolio. You will learn the following by completing this course..


  • React with functional components & hooks

  • React router

  • React-Bootstrap UI library

  • How to structure components

  • Component level state & props

  • Managing global state with Redux (Actions & Reducers)

  • Using Redux state in components (useDispatch & useSelector)

  • Creating an extensive back end with Express

  • Working with a MongoDB database and the Mongoose ODM

  • JWT authentication (JSON web tokens) with HTTP-Only cookie

  • Creating custom authentication middleware

  • Custom error handler

  • Integrating the PayPal API

  • Environment variables

  • Project deployment

  • Much more!


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 Javascript
Hiển thị tất cả khoá học Mern Stack
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 😊