Skip to content

Phát triển Full-Stack

Chào mừng đến với giai đoạn Phát triển Full-Stack! Ở đây bạn sẽ đi sâu vào phát triển full-stack, thành thạo component hóa frontend, thiết kế cơ sở dữ liệu, phát triển API backend và triển khai ứng dụng.

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

Phát triển Frontend

Thành thạo phát triển frontend hiện đại, học cách sử dụng thư viện component và công cụ thiết kế:

Phát triển Backend

Học thiết kế API, quản lý cơ sở dữ liệu và chiến lược triển khai ứng dụng:

Bài tập lớn

Các chương trước là học "linh kiện", bài tập lớn mới là học "cách lắp linh kiện thành một sản phẩm có thể chạy, demo và đưa lên mạng".

Bạn nên làm theo thứ tự Bài tập lớn 1 -> Bài tập lớn 2:

  • Bài tập lớn 1 đưa bạn chạy qua đường dẫn chính phổ biến nhất của SaaS hiện đại: đăng nhập, tạo, cơ sở dữ liệu, thanh toán, trang quản lý.
  • Bài tập lớn 2 đưa bạn vào kịch bản giống hệ thống doanh nghiệp hơn: quyền vai trò, ngân hàng đề, kỳ thi, lịch sử nộp bài, trang quản lý.
mermaid
flowchart LR
  A["Trang và component frontend"] --> B["Cơ sở dữ liệu và API"]
  B --> C["Bài tập lớn 1<br/>SaaS tạo văn bản"]
  C --> D["Thanh toán / Triển khai / Quản lý backend"]
  D --> E["Bài tập lớn 2<br/>Hệ thống thi trực tuyến"]
  E --> F["Portfolio full-stack hoàn chỉnh"]

Nếu bạn chưa biết nên làm cái nào trước, có thể tham khảo bảng so sánh dưới đây:

Dự ánBạn sẽ thực hành kỹ năng gìPhù hợp nhất với aiSản phẩm bàn giao cuối cùng
Bài tập lớn 1: Trang web tạo văn bảnCấu trúc trang SaaS, đăng nhập người dùng, tạo bằng AI, thanh toán Stripe, quản lý backendNgười lần đầu làm trang web thương mại hóa hoàn chỉnhMột nguyên mẫu SaaS có thể đăng ký, tạo, thanh toán và quản lý
Bài tập lớn 2: Hệ thống thi và quản lý trực tuyếnQuyền vai trò, mô hình ngân hàng đề, quy trình thi, lịch sử nộp bài, chấm điểm và thống kêNgười muốn làm hoàn chỉnh một "hệ thống doanh nghiệp"Một nền tảng thi có phía học sinh và phía quản lý

Dù làm bài nào, bài tập lớn đều nên chuẩn bị ít nhất 3 sản phẩm bàn giao:

  • Một kho lưu trữ dự án có thể chạy
  • Một liên kết demo có thể truy cập
  • Một README và một video demo

Nếu bạn đã hoàn thành hai dự án chính ở trên, hoặc muốn làm portfolio theo hướng kỹ thuật của riêng mình, có thể tiếp tục chọn một đề tài từ các đề tài mở rộng dưới đây:

Mở rộng khả năng AI

Dành cho ai

  • Nhà phát triển có nền tảng lập trình, muốn học phát triển full-stack một cách có hệ thống
  • Người học muốn chuyển đổi từ quản lý sản phẩm sang kỹ sư full-stack
  • Nhà phát triển từ cơ bản đến trung cấp muốn thành thạo công cụ và quy trình phát triển hiện đại
  • Doanh nhân muốn phát triển độc lập sản phẩm hoàn chỉnh

Điều kiện tiên quyết

  • Hoàn thành giai đoạn "Người mới và nguyên mẫu sản phẩm", hoặc có kiến thức cơ bản tương đương
  • Hiểu các khái niệm cơ bản về HTML/CSS/JavaScript
  • Có kiến thức sơ bộ về các công cụ lập trình AI

Sẵn sàng đi sâu vào phát triển full-stack chưa? Nhấp vào điều hướng bên trái để bắt đầu học!