Menu
CoddyTech
Lộ trình học

Lộ trình trở thành lập trình viên MERN Stack

Các khóa học miễn phí theo đúng thứ tự một lập trình viên MERN stack cần: HTML, CSS và JavaScript cho trang web, React cho giao diện, rồi Node.js và Express cho máy chủ, MongoDB cho dữ liệu và đăng nhập để bảo vệ dữ liệu. Chỉ một ngôn ngữ là JavaScript, từ thẻ đầu tiên đến route API cuối cùng, và mọi bài học đều chạy ngay trên trình duyệt.

603,442+ người học code đã đăng ký các khóa học này

755 bài học845 thử thách3,290 câu hỏi trắc nghiệm

Lộ trình MERN stack, từng bước một

5 khóa học16 phần755 bài học845 thử thách3,290 câu hỏi trắc nghiệm

Mỗi bước là một phần của một khóa học có sẵn trên Coddy. Học theo thứ tự, hoặc nhảy thẳng đến phần bạn còn thiếu: tiến độ được lưu theo từng khóa học dù bạn chọn cách nào.

  1. 1
    Bắt đầu bước nàyBắt đầuPhần tử, liên kết, biểu mẫu và markup ngữ nghĩa, rồi selector, box model, flexbox, grid và bố cục responsive. Sau này React sẽ viết HTML cho bạn, nên đây chính là ngôn ngữ mà React nói.Bắt đầuTrang riêng
  2. 2
    Bắt đầu bước nàyBắt đầuBiến, hàm, mảng và đối tượng, rồi điều kiện và vòng lặp, rồi đến lớp. Đây là ngôn ngữ duy nhất bạn dùng ở mọi bước sau, cả trên trình duyệt lẫn trên máy chủ.Bắt đầuTrang riêng
  3. 3
    Bắt đầu bước nàyBắt đầuDOM, sự kiện, biểu mẫu và kiểm tra dữ liệu nhập, rồi các mẫu thực tế như tab, modal và thanh điều hướng responsive. Bạn sẽ hiểu React làm gì cho mình khi đã tự tay làm những việc đó.Bắt đầu
  4. 4
    Bắt đầu bước nàyBắt đầuComponent, JSX, props, state, sự kiện, danh sách và controlled form, kết thúc bằng một thẻ mạng xã hội nhỏ bạn xây dựng từng bước. React là giao diện mà API của bạn sẽ phục vụ.Bắt đầuTrang riêng
  5. 5
    Bắt đầu bước nàyBắt đầuJavaScript bên ngoài trình duyệt: đối số dòng lệnh, module, đọc và ghi tệp, callback, promise, async và await, event loop và sự kiện. Bạn xây dựng một công cụ ghi chú chạy trên dòng lệnh.Bắt đầuTrang riêng
  6. 6
    Bắt đầu bước nàyBắt đầuRoute, tham số, JSON, middleware, trình xử lý lỗi và router trên một trang web công thức nấu ăn, rồi đến một API theo dõi công việc: POST, PATCH, PUT và DELETE, kiểm tra dữ liệu với zod, lọc, sắp xếp, phân trang và CORS.Bắt đầu
  7. 7
    Bắt đầu bước nàyBắt đầuDocument và collection từ một API Express: thêm dữ liệu, ObjectId, bộ lọc, toán tử cập nhật, chỉ mục unique, aggregation và $lookup. Sau đó là ai được xem dữ liệu: mật khẩu băm, session, JWT, chủ sở hữu và vai trò admin, header bảo mật và giới hạn tần suất request.Bắt đầu
  8. 8
    Bắt đầu bước nàyBắt đầuTệp, quyền truy cập, pipe và script trong một terminal thật, rồi commit, nhánh, merge và remote. Mọi dự án MERN đều nằm trong một repository Git và chạy trên dòng lệnh.Bắt đầuTrang riêng
Bạn nhận được gì
Mọi thứ bạn sẽ dùng để học lập trình

Học qua thực hành

Viết code thật, truy vấn cơ sở dữ liệu, xây dựng trang web và làm chủ prompt AI. Các bài học tương tác bao quát mọi kỹ năng mà lập trình viên hiện đại cần.

playground.js
Trình chỉnh sửa code
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Đầu vào
"Alex"
Đầu ra
"Hello, Coddy! Alex"

Xây dựng streak

Học đều đặn và nhìn tiến độ của bạn lớn dần! Theo dõi thói quen code mỗi ngày, bảo vệ streak bằng ngày đóng băng và nhận phần thưởng khi học mỗi ngày.

12 ngày streak

Quay lại ngày mai để giữ streak!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Gấp đôi hoặc mất hết

Ngày 5/7

fire Freeze icon

Đóng băng streak

2 left

Bạn không đơn độc

Thi đấu trên bảng xếp hạng toàn cầu, mời bạn bè để nhận phần thưởng và cùng nhau ăn mừng thành công. Học code cùng bạn bè vui hơn nhiều!

Giải đấu Challenger
Giải đấu ChallengerTop 7 được thăng hạng
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconVùng thăng hạngleaderboard Arrow Up icon

Mọi cách để học

Đọc, nghe, tự kiểm tra, hỏi AI hoặc tra cứu bất cứ điều gì bạn đã học. Mỗi bài học phù hợp với trình độ của bạn.

Giới thiệu về biến
Âm thanh

Biến là một vùng chứa có tên, lưu một giá trị mà bạn có thể dùng lại sau trong chương trình.

Trong Python, bạn tạo biến bằng cách viết tên, dấu bằng, rồi giá trị muốn lưu.

Giá trị có thể thay đổi theo thời gian. Gán lại tên đó chỉ đơn giản là trỏ nó tới một giá trị mới.

1xSarah

Nhận chứng nhận

Nhận chứng nhận cho mỗi khóa học bạn hoàn thành. Thêm vào hồ sơ LinkedIn và CV để cho nhà tuyển dụng thấy kỹ năng lập trình của bạn.

CoddyGiấy chứng nhận hoàn thành
Chứng nhận rằngNguyễn Văn Anđã hoàn thành xuất sắc
python iconPython cơ bản
Đã xác minh
NgàyTh1 2026
LinkedInThêm vào LinkedIn

Vì sao nên học MERN stack trên Coddy

  • Mọi tầng đều chạy ngay cạnh code. Component React hiển thị ngay khi bạn gõ, máy chủ Express trả lời một thanh request nơi bạn chọn phương thức, header và body JSON, còn truy vấn MongoDB chạy trên một cơ sở dữ liệu bạn mở được trong tab Data. Không cần cài đặt gì, nên laptop ở trường cũng dùng được.
  • Một ngôn ngữ cho cả stack. Những bước đầu của lộ trình dành cho JavaScript và trình duyệt, nên khi đến Node.js, máy chủ chỉ là ý tưởng mới chứ không phải ngôn ngữ mới: vẫn là hàm, đối tượng và code bất đồng bộ quen thuộc, giờ dùng để trả lời request.
  • Mỗi phần back-end đều có một dự án: công cụ ghi chú chạy trên dòng lệnh, trang web công thức nấu ăn, API theo dõi công việc, API đánh giá sách trên MongoDB và ứng dụng ghi chú có tài khoản. Mỗi dự án được xây dần qua từng bài học và được chấm bằng các bài kiểm tra gửi request thật đến máy chủ của bạn.
  • Gợi ý biết đọc code của bạn. Khi một route trả về 404, một truy vấn không trả về gì hay chức năng đăng nhập để lọt nhầm người dùng, Bugsy, trợ lý AI, sẽ xem code bạn viết và chỉ ra dòng có vấn đề mà không viết sẵn cách sửa cho bạn.

Câu hỏi thường gặp về MERN stack

MERN stack là gì?

Một cách xây dựng trọn vẹn ứng dụng web bằng JavaScript với bốn công cụ: MongoDB lưu dữ liệu dưới dạng document, Express biến chương trình Node.js thành máy chủ web và API, React xây dựng giao diện chạy trên trình duyệt, còn Node.js chạy JavaScript trên máy chủ. Code React trên trình duyệt gọi đến API Express, và API này đọc, ghi dữ liệu vào MongoDB.

MERN là viết tắt của gì?

MERN là viết tắt của MongoDB, Express, React và Node.js. Thứ tự này là thứ tự các chữ cái trong từ, không phải thứ tự bạn học: trong lộ trình này, bạn bắt đầu với trang web (HTML, CSS, JavaScript và React), rồi chuyển sang máy chủ (Node.js và Express) và cơ sở dữ liệu (MongoDB).

Lập trình viên MERN stack làm gì?

Xây dựng tính năng từ cơ sở dữ liệu đến màn hình: thiết kế document trong MongoDB, viết các route Express để tạo, đọc, cập nhật và xóa chúng, bảo vệ các route đó bằng đăng nhập, và xây dựng các trang React gọi đến chúng. Vì cả bốn công cụ đều là JavaScript, một lập trình viên có thể theo một tính năng qua mọi tầng.

MERN stack có còn đáng học không?

Có. React và Node.js là hai trong những công cụ được dùng nhiều nhất trong lập trình web, còn Express và MongoDB là hai công cụ đi cùng chúng phổ biến nhất, nên kỹ năng vẫn dùng được ngay cả ở những nhóm dùng cơ sở dữ liệu hay framework khác. Học trọn một stack từ đầu đến cuối cũng dạy bạn cách mọi ứng dụng web ghép lại với nhau, đúng thứ mà các buổi phỏng vấn kiểm tra.

Nên học MERN stack hay MEAN stack?

MERN, với phần lớn người mới bắt đầu bây giờ. Hai stack có chung MongoDB, Express và Node.js, chỉ khác ở front end: MERN dùng React, MEAN dùng Angular. React được dùng rộng rãi hơn và dễ bắt đầu hơn, và nếu sau này chuyển sang Angular, bạn chỉ cần học thêm một framework mới chứ không phải một stack mới.

Học MERN stack mất bao lâu?

Khoảng tám đến mười tháng để hoàn thành lộ trình này nếu học một giờ mỗi ngày. HTML và CSS mất khoảng sáu tuần, JavaScript và trình duyệt từ hai đến ba tháng, React khoảng một tháng, và năm phần Node.js (Node.js, Express, REST API, MongoDB, đăng nhập) thêm ba tháng nữa. Nếu bạn đã biết JavaScript, hãy bắt đầu từ bước React, khi đó chỉ mất khoảng bốn tháng.

Có thể học MERN stack mà không cài đặt gì không?

Có, với lộ trình này. Mọi bài học đều chạy trên trình duyệt: React hiển thị ngay cạnh trình soạn thảo, chương trình Node.js chạy trong terminal, máy chủ của bạn trả lời một thanh request, và phần MongoDB dùng một cơ sở dữ liệu trong bộ nhớ hỗ trợ API của MongoDB driver. Khi tự xây ứng dụng sau này, bạn cài Node.js và MongoDB lên máy tính và dùng lại nguyên code đó.

Tôi có nhận được chứng nhận cho lộ trình Lập trình viên MERN Stack không?

Có. Hoàn thành mọi bước và bạn nhận một chứng nhận miễn phí cho cả lộ trình Lập trình viên MERN Stack. Chứng nhận liệt kê từng khóa học bạn đã hoàn thành trên đường đi và liên kết đến chứng nhận riêng của từng khóa, để ai cũng có thể kiểm tra mọi kỹ năng được nêu. Bạn có thể thêm nó vào hồ sơ LinkedIn. Đây là chứng nhận hoàn thành của Coddy, không phải văn bằng được kiểm định.

Các lộ trình học khác

Cùng các khóa học, sắp xếp cho một vai trò khác. Tiến độ được giữ lại: khóa học đã hoàn thành ở một lộ trình được tính ở mọi lộ trình có khóa học đó.

Tất cả lộ trình học
Hình minh họa các ngôn ngữ lập trình của Coddy

Bắt đầu lộ trình Lập trình viên MERN Stack miễn phí

Bắt đầu học