Menu
CoddyTech
Lộ trình học

Lộ trình Full Stack Web Developer

Các khóa học miễn phí theo đúng thứ tự một full stack web developer cần: HTML, CSS và JavaScript cho trang web, TypeScript và React cho giao diện, Next.js cho máy chủ, SQL cho dữ liệu, rồi Linux, Git và Docker để đưa sản phẩm lên chạy thật. JavaScript chạy ở cả hai phía, nên bạn chỉ học một ngôn ngữ và dùng nó từ đầu đến cuối. Mọi bài học đều chạy trên trình duyệt, và mỗi phần của khóa học đều kết thúc bằng một giấy chứng nhận miễn phí.

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

880 bài học969 thử thách4,344 câu hỏi trắc nghiệm

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

7 khóa học16 phần880 bài học969 thử thách4,344 câu hỏi trắc nghiệm

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

  1. 1
    Bắt đầu bước nàyBắt đầuPhần tử, liên kết, biểu mẫu và semantic markup, rồi selector, box model, flexbox, grid, bố cục responsive và transition qua hai phần CSS. Những biểu mẫu bạn viết ở đây chính là những biểu mẫu máy chủ của bạn sẽ đọc ở phần sau của lộ trình.Bắt đầuTrang riêng
  2. 2
    Bắt đầu bước nàyBắt đầuKiến thức nền tảng, logic và luồng điều khiển, đối tượng và lớp qua ba phần, rồi TypeScript: kiểu, interface, generic và cách đọc lỗi của trình biên dịch. Đây là ngôn ngữ bạn viết cả trên trình duyệt lẫn máy chủ, nên nó được dành nhiều thời gian hơn mọi bước khác.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, rồi các pattern front end thực tế như tab, modal, giao diện sáng tối và thanh điều hướng responsive. HTML, CSS và JavaScript hòa thành một trang web phản hồi lại người đang dùng nó.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 tự xây từng bước. React là lớp giao diện mà bước tiếp theo chạy trên máy chủ.Bắt đầuTrang riêng
  5. 5
    Bắt đầu bước nàyBắt đầuRouting và layout, server component và client component, lấy dữ liệu trên máy chủ, route handler cho API endpoint của riêng bạn, server action cho biểu mẫu, trạng thái tải và lỗi, rồi một ứng dụng nhà hàng chín bước có giỏ hàng, bộ lọc, đánh giá và tìm kiếm trực tiếp. Đây là nơi bạn viết back end.Bắt đầuTrang riêng
  6. 6
    Bắt đầu bước nàyBắt đầuTruy vấn trên bảng thật: lọc, sắp xếp, join, gom nhóm và hàm tổng hợp, rồi truy vấn con, window function, CASE và common table expression. Mọi ứng dụng full stack đều lưu dữ liệu trong cơ sở dữ liệu, và SQL là cách bạn đặt câu hỏi cho nó.Bắt đầuTrang riêng
  7. 7
    Bắt đầu bước nàyBắt đầuTệp, quyền truy cập, pipe và viết shell script trong một terminal Linux thật, rồi commit, nhánh, merge, xung đột và remote. Máy chủ chạy Linux, và mọi đội ngũ đều giữ code trong một repository Git.Bắt đầuTrang riêng
  8. 8
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

Code ở mọi nơi

Mang hành trình lập trình theo bên mình! Không cài đặt, không tải về: chỉ cần mở ra và bắt đầu code. Có trên iOS, Android và Web với đánh giá 4,9 sao.

Python
7Streak
250Điểm
5Năng lượng
Biến
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
Tiếp tục
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Hành trình
Mục tiêu
Bảng xếp hạng
Hồ sơ
4.9
Ngôi saoNgôi saoNgôi saoNgôi saoNgôi sao
Đánh giá

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 lập trình full stack trên Coddy

  • Một ngôn ngữ cho cả hai phía. Lộ trình dạy JavaScript và TypeScript cho trình duyệt, rồi dùng chính ngôn ngữ đó ở máy chủ qua route handler và server action của Next.js, nên back end chỉ là những ý tưởng mới chứ không phải một ngôn ngữ thứ hai phải học lại từ đầu.
  • Không cần cài đặt gì. HTML và CSS hiển thị trực tiếp cạnh code của bạn, SQL chạy trên bảng dữ liệu thật, còn các bước Linux, Git và Docker cho bạn một terminal thật ngay trên trình duyệt. Bạn có thể học trọn bộ stack trên một chiếc laptop chưa từng cài công cụ lập trình nào.
  • Gợi ý AI đọc code của bạn. Khi một component không hiển thị, một truy vấn trả về sai hàng hay một lệnh bị lỗi, Bugsy xem bạn đã viết gì và chỉ hướng sửa mà không đưa sẵn đáp án.
  • Thứ tự mới là điều cốt lõi. Phần lớn khóa học full stack vội vàng nhảy vào framework từ tuần thứ hai; lộ trình này dành cho JavaScript ba phần và trình duyệt thêm một phần nữa trước khi React xuất hiện, vì chỉ khi hiểu ngôn ngữ bên dưới thì bạn mới đọc được framework.

Câu hỏi thường gặp về việc trở thành full stack developer

Full stack developer là gì?

Là lập trình viên xây được cả hai nửa của một ứng dụng web: front end chạy trên trình duyệt (HTML, CSS, JavaScript và một framework như React) và back end chạy trên máy chủ (xử lý request, logic nghiệp vụ và cơ sở dữ liệu). Trên thực tế, phần lớn full stack developer mạnh hơn ở một phía, nhưng họ có thể làm trọn một tính năng từ bảng trong cơ sở dữ liệu đến chiếc nút dùng nó mà không cần chuyển cho người khác.

Làm thế nào để trở thành lập trình viên web?

Học HTML, CSS và JavaScript đủ vững để dựng một trang từ tệp trống, thêm một framework (React), học cách máy chủ trả lời request và cách lưu dữ liệu (Next.js và SQL trong lộ trình này), học Git, rồi xây những dự án bạn có thể đưa lên mạng và giải thích được. Nhà tuyển dụng nhận người dựa trên những gì bạn cho họ xem, nên dự án quan trọng hơn mọi chứng nhận. Lộ trình này chính là chuỗi bước đó, theo đúng thứ tự đó, và hoàn toàn miễn phí.

Nên học front end hay back end trước?

Front end trước. Bạn thấy kết quả của từng dòng code trên màn hình, nên lỗi sai lộ ra rõ ràng và động lực được giữ vững, còn back end dễ hiểu hơn nhiều khi bạn đã xây trang web gọi đến nó. Đó là lý do lộ trình này dành bốn bước đầu cho trình duyệt rồi mới chuyển sang máy chủ và cơ sở dữ liệu.

Vì sao lộ trình này dùng JavaScript ở máy chủ thay vì Python?

Vì JavaScript là ngôn ngữ duy nhất chạy trên trình duyệt, nên dùng nó cả ở máy chủ nghĩa là một ngôn ngữ cho toàn bộ stack. Next.js, xây trên React, cho phép cùng một codebase render trang trên máy chủ, trả lời API request và xử lý dữ liệu gửi từ biểu mẫu. Nếu bạn muốn viết back end bằng Python, lộ trình Backend Developer trên Coddy dạy theo hướng Python.

Có cần học bootcamp để trở thành full stack developer không?

Không. Bootcamp cho bạn lịch học, một nhóm bạn học cùng và tư vấn nghề nghiệp, và thu phí cho những thứ đó; còn bản thân kỹ năng thì giống hệt những gì lộ trình này dạy, và tài liệu miễn phí đã đủ tốt. Điều bootcamp không thể rút ngắn là luyện tập: hàng trăm bài tập nhỏ và vài dự án thật. Nếu bạn giữ được đều đặn một giờ mỗi ngày mà không cần giáo viên nhắc, một lộ trình miễn phí sẽ đưa bạn đến cùng một đích.

Mất bao lâu để trở thành full stack developer?

Khoảng chín đến mười hai tháng nếu học một giờ mỗi ngày để đạt trình độ junior. Trong lộ trình này, HTML và CSS mất tổng cộng sáu đến tám tuần, JavaScript và trình duyệt hai đến ba tháng, TypeScript và React khoảng sáu tuần, Next.js một tháng, SQL ba đến bốn tuần, còn Linux, Git và Docker thêm một tháng nữa. Tự xây dự án riêng song song với các bước sau là cách biến khoảng thời gian đó thành một portfolio.

Lộ trình này có dạy Node.js, Express, xác thực hay triển khai không?

Không trong lộ trình này, vốn dùng Next.js làm máy chủ: route handler và server action, chạy trên Node.js. Bản thân Node.js, Express, MongoDB và đăng nhập bằng session và token được dạy trong khóa học Node.js, và lộ trình MERN Stack đi theo hướng đó cho back end. Hiện chưa có lộ trình nào dạy triển khai lên nền tảng hosting.

Khóa học full stack này có miễn phí và có chứng nhận không?

Có. Mọi khóa học trong lộ trình đều miễn phí, gồm bài học, trình soạn code và terminal trên trình duyệt, gợi ý AI và chứng nhận. Mỗi phần của khóa học kết thúc bằng một giấy chứng nhận miễn phí, có thể xác minh tại URL riêng, để bạn thêm vào LinkedIn hoặc CV. Hoàn thành mọi bước, bạn còn nhận được một giấy chứng nhận cho cả lộ trình, liệt kê từng khóa học trong đó.

Tôi có nhận được chứng nhận cho lộ trình Full Stack Developer 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 Full Stack Developer. 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 Full Stack Developer miễn phí

Bắt đầu học