初中級開發

歡迎來到 初中級開發 階段！在這裡，你將深入全棧開發，掌握前端組件化、數據庫設計、後端 API 開發與部署上線。

你將學到什麼

前端開發

掌握現代前端開發，學習組件庫與設計工具的使用：

前端零：使用 Lovart 生產素材

學習如何使用 Lovart 等 AI 工具快速生成高質量的遊戲素材與 UI 資源

前端一：Figma 與 MasterGo 入門

掌握專業 UI 設計工具的基礎操作，從設計稿到代碼的協作流程

前端二：構建第一個現代應用程序 - UI 設計

從零開始設計一個現代 Web 應用的界面，實踐 UI 設計原則

前端三：參考 UI 設計規範與多產品 UI 設計

學習主流 UI 設計規範，提升產品設計的一致性與美感

前端四：一起做霍格沃茨畫像

實戰項目：結合 AI 生成的圖像，構建一個交互式的霍格沃茨畫像應用

後端與全棧

學習 API 設計、數據庫管理以及應用部署策略：

後端一：什麼是 API

理解 API 的核心概念，它是前後端交互的橋樑

後端二：從數據庫到 Supabase

掌握關係型數據庫基礎，並學習使用 Supabase 這一現代 BaaS 平台

後端三：大模型輔助編寫接口代碼與接口文檔

利用 AI 輔助生成後端接口代碼及標準的接口文檔，提升開發效率

後端四：Git 工作流

掌握 Git 版本控制系統的核心操作與協作流程

後端五：Zeabur 部署

學習使用 Zeabur 快速部署你的全棧應用到雲端

後端六：現代 CLI 開發工具

探索現代 CLI 工具，提升命令行環境下的開發體驗

後端七：如何集成 Stripe 等收費系統

實戰：為你的應用集成 Stripe 支付功能，實現商業化變現

大作業

通過實戰項目鞏固你的全棧開發技能：

大作業 1：構建第一個現代應用程序 - 全棧應用

綜合運用所學知識，獨立完成一個功能完整的全棧應用開發

大作業 2：現代前端組件庫 + Trae 實戰

使用現代組件庫與 Trae IDE，高效構建複雜的前端界面

AI 能力擴展

AI 一：Dify 入門與知識庫集成

學習使用 Dify 構建 AI 應用，並集成私有知識庫

AI 二：學會查詢 AI 詞典與集成多模態 API

探索更多 AI 能力，集成視覺、語音等多模態 API

適合人群

• 有一定編程基礎，想系統學習全棧開發的開發者
• 希望從產品經理轉型為全棧工程師的學習者
• 想要掌握現代開發工具和工作流的初中級開發者
• 希望獨立開發完整產品的創業者

前置要求

• 完成「新手與產品原型」階段，或具備同等基礎知識
• 了解基本的 HTML/CSS/JavaScript 概念
• 對 AI 編程工具有初步了解

準備好深入全棧開發了嗎？點擊左側導航開始學習吧！