Full Stack Developer 路線圖

一句話：從前端畫面到後端 API、資料庫與部署，再到行動 App，按順序練成可上線的 Full Stack 能力。

本頁為公開職業路線圖，適合初學者與一人公司規劃學習順序。各區塊可搭配站內相關課程與官方文件深入。

1. 前端（Front End）

• HTML / CSS / JavaScript：網頁結構、樣式與互動基礎，所有前端的起點。
• React：組件化 UI，業界最常用之一。可先看站內 React 前端開發。
• Vue：漸進式框架，學習曲線平緩，適合中小型專案。
• Next.js：基於 React 的全端框架，SSR／路由／部署一體，適合產品化網站。

建議順序：HTML/CSS/JS → React（或 Vue）→ Next.js（若選 React 路線）。

2. 後端（Back End）

• Python：語法友善，適合 API、資料處理與 AI 整合。可搭配 Python 入門。
• Node.js + Express：用 JavaScript 寫後端，前後端語言統一。
• Java：企業級常見選擇；可再接 Spring／Spring AI 做正式服務。

建議先精通一條棧（例如 Node 或 Python），再視工作需求擴第二語言。

3. 資料庫（Database）

• SQL（PostgreSQL / MySQL）：關聯資料、交易、查詢基礎，務必扎實。
• NoSQL（MongoDB 等）：文件型／彈性結構，適合快速原型與特定場景。
• ORM：如 Prisma、SQLAlchemy、TypeORM、Hibernate——用物件語法操作資料庫，減少手寫 SQL 錯誤。

建議：先 SQL + 一個 ORM，再視需要學 NoSQL。

4. DevOps

• Docker：容器化應用，開發／測試／上線環境一致。
• Kubernetes（K8s）：大規模編排；入門可先理解概念，再實作小叢集。
• CI/CD：GitHub Actions、GitLab CI 等自動建置、測試與部署。

建議順序：先 Docker 能打包服務 → 接 CI/CD 自動部署 → 再學 K8s。

5. 行動開發（Mobile）

• React Native：用 React 技能做跨平台 App。
• Flutter：Dart + 自繪 UI，跨平台效能與一致性佳。
• Kotlin：原生 Android。
• Swift：原生 iOS。

一人公司建議：先 Web／PWA，再 React Native 或 Flutter；有原生需求才學 Kotlin／Swift。