初中級開發
歡迎來到 初中級開發 階段!在這裡,你將深入全棧開發,掌握前端組件化、資料庫設計、後端 API 開發與部署上線。
你將學到什麼
前端開發
掌握現代前端開發,學習組件庫與設計工具的使用:
後端開發
學習 API 設計、資料庫管理以及應用部署策略:
大作業
前面的章節是在學「零件」,大作業才是在學「怎麼把零件裝成一個能跑、能演示、能上線的產品」。
建議你按 大作業 1 -> 大作業 2 的順序來做:
- 大作業 1 先帶你跑通現代 SaaS 最常見的主鏈路:登錄、生成、資料庫、支付、管理後台。
- 大作業 2 再帶你進入更像業務系統的場景:角色權限、題庫、考試、提交記錄、管理台。
mermaid
flowchart LR
A["前端頁面與組件"] --> B["資料庫與接口"]
B --> C["大作業 1<br/>文案生成 SaaS"]
C --> D["支付 / 部署 / 後台管理"]
D --> E["大作業 2<br/>在線考試系統"]
E --> F["完整全棧作品集"]如果你不知道先做哪個,可以直接參考下面這張對比表:
| 項目 | 你會重點練到什麼 | 最適合誰 | 最終交付物 |
|---|---|---|---|
| 大作業 1:文案生成網站 | SaaS 頁面結構、用戶登錄、AI 生成、Stripe 支付、後台管理 | 第一次做完整商業化網站的人 | 一個可註冊、可生成、可付費、可管理的 SaaS 雛形 |
| 大作業 2:在線考試與管理系統 | 角色權限、題庫建模、考試流程、提交記錄、批改與統計 | 想把「業務系統」真正做完整的人 | 一個有學生端和管理端的考試平台 |
無論做哪一個,大作業都建議至少準備這 3 個交付物:
- 一個可運行的項目倉庫
- 一個可訪問的演示鏈接
- 一份 README 和一段演示影片
如果你已經完成了上面兩個主線項目,或者想按自己的技術方向做作品集,可以繼續從下面這些擴展選題裡選一題深入:
AI 能力擴展
適合人群
- 有一定程式設計基礎,想系統學習全棧開發的開發者
- 希望從產品經理轉型為全棧工程師的學習者
- 想要掌握現代開發工具和工作流的初中級開發者
- 希望獨立開發完整產品的創業者
前置要求
- 完成「新手與產品原型」階段,或具備同等基礎知識
- 了解基本的 HTML/CSS/JavaScript 概念
- 對 AI 程式設計工具有初步了解
準備好深入全棧開發了嗎?點擊左側導航開始學習吧!