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

MERN Stack Front To Back: Full Stack React, Redux & Node.js

MERN Stack Front To Back: Full Stack React, Redux & Node.js

Xây dựng và triển khai một mạng xã hội với Node.js, Express, React, Redux & MongoDB. Cập nhật đầy đủ tháng 4/2019

4.6
(15,670 đánh giá)
63,938 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
12.0 giờ video
73 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 18/03/2026

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

Xây dựng ứng dụng mạng xã hội full stack với React, Redux, Node, Express & MongoDB
Tạo một API backend mở rộng với Express
Sử dụng phương thức xác thực JWT không trạng thái
Tích hợp React với backend Express một cách tinh tế
React Hooks, Async/Await & các phương pháp hiện đại
Sử dụng Redux để quản lý trạng thái
Triển khai lên Heroku với script postbuild

Yêu cầu

Hiểu biết tốt về JavaScript & ES6 Cơ bản
Kiến thức cơ bản về React & Node

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

Dành cho bất kỳ ai muốn học cách xây dựng và triển khai ứng dụng MERN full stack

Nội dung khóa học

13 phần • 73 bài giảng
1 Chào mừng đến với khóa học
2 Xem qua dự án của khóa học
3 Môi trường & Thiết lập
4 Liên kết đến Tệp dự án
1 Thiết lập MongoDB Atlas
2 Cài đặt Dependencies & Thiết lập Express cơ bản
3 Kết nối đến MongoDB với Mongoose
4 Tệp Route với Express Router
1 Tạo User Model
2 Xác thực Request & Body
3 Đăng ký Người dùng
4 Triển khai JWT
5 Custom Auth Middleware & Xác thực JWT
6 Xác thực Người dùng / Route Đăng nhập
1 Tạo Profile Model
2 Lấy Hồ sơ Người dùng Hiện tại
3 Tạo & Cập nhật Profile Routes
4 Lấy Tất cả Hồ sơ & Hồ sơ theo User ID
5 Xóa Hồ sơ & Người dùng
6 Thêm Kinh nghiệm vào Hồ sơ
7 Xóa Kinh nghiệm khỏi Hồ sơ
8 Thêm & Xóa Học vấn trong Hồ sơ
9 Lấy Github Repos cho Hồ sơ
1 Tạo Post Model
2 Route Thêm Bài viết
3 Route Lấy & Xóa Bài viết
4 Route Thích & Bỏ thích Bài viết
5 Route Thêm & Xóa Bình luận
1 Xem qua Giao diện / Chủ đề
2 Liên kết đến Series Xây dựng Chủ đề trên YouTube
3 Thiết lập React & Concurrently
4 Dọn dẹp & Các Component Ban đầu
5 Thiết lập React Router
6 Form Đăng ký & useState Hook
7 Ví dụ Request & Form Đăng nhập
1 Ý chính về Redux
2 Tạo Redux Store
3 Alert Reducer, Action & Types
4 Alert Component & Action Call
1 Auth Reducer & Register Action
2 Load User & Set Auth Token
3 Đăng nhập Người dùng
4 Đăng xuất & Liên kết Navbar
1 Protected Route cho Bảng điều khiển
2 Profile Reducer & Lấy Hồ sơ Hiện tại
3 Bắt đầu với Bảng điều khiển
4 Component CreateProfile
5 Create Profile Action
6 Chỉnh sửa Hồ sơ
7 Thêm Học vấn & Kinh nghiệm
8 Liệt kê Học vấn & Kinh nghiệm
9 Xóa Học vấn, Kinh nghiệm & Tài khoản
1 Hoàn thiện Profile Actions & Reducer
2 Hiển thị Danh sách Hồ sơ
3 Xử lý Cảnh báo Console
4 Bắt đầu với Trang Hồ sơ
5 Component ProfileTop & ProfileAbout
6 Hiển thị Kinh nghiệm & Học vấn trong Hồ sơ
7 Hiển thị Github Repos
8 Vấn đề & Cách sửa Trạng thái Hồ sơ
1 Post Reducer, Action & Component Ban đầu
2 Component Post Item
3 Chức năng Thích & Bỏ thích
4 Xóa Bài viết
5 Thêm Bài viết
6 Hiển thị Bài viết Đơn lẻ
7 Thêm Bình luận
8 Hiển thị & Xóa Bình luận
1 Cài đặt Heroku CLI
2 Chuẩn bị Triển khai
3 Triển khai lên Heroku
1 Giới thiệu về Phần này
2 Trang Không tìm thấy & Giải pháp cho Chủ đề

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

Welcome to "MERN Stack Front To Back". In this course, we will build an in-depth full-stack social network application using Node.js, Express, React, Redux and MongoDB along with ES6+. We will start with a blank text editor and end with a deployed full-stack application. This course includes...


  • Building an extensive backend API with Node.js & Express

  • Protecting routes/endpoints with JWT (JSON Web Tokens)

  • Extensive API testing with Postman

  • Integrating React with our backend in an elegant way, creating a great workflow

  • Building our frontend to work with the API

  • Using Redux for app state management

  • Creating reducers and actions for our resources

  • Creating many container components that integrate with Redux

  • Testing with the Redux Chrome extension

Creating a build script, securing our keys and deploy to Heroku using Git


UPDATE: The entire course was updated to use React Hooks, Async/Await and better overall code.

 

This is NOT an "Intro to React" or "Intro to Node" course. It is a practical hands-on course for building an app using the incredible MERN stack. I do try and explain everything as I go so it is possible to follow without React/Node experience but it is recommended that you know at least the basics first.


This is a project-based course, which means the entire course is building one large project. The project is called DevConnector and allows users to register and login to create a profile. They can add a resume of jobs and education and link all of their social networks.

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 Full Stack 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 😊