初中级开发

欢迎来到 初中级开发 阶段！在这里，你将深入全栈开发，掌握前端组件化、数据库设计、后端 API 开发与部署上线。

你将学到什么

前端开发

掌握现代前端开发，学习组件库与设计工具的使用：

前端零：使用 Lovart 生产素材

学习如何使用 Lovart 等 AI 工具快速生成高质量的游戏素材与 UI 资源

前端一：Figma 与 MasterGo 入门

掌握专业 UI 设计工具的基础操作，从设计稿到代码的协作流程

前端二：构建第一个现代应用程序 - UI 设计

从零开始设计一个现代 Web 应用的界面，实践 UI 设计原则

前端三：参考 UI 设计规范与多产品 UI 设计

学习主流 UI 设计规范，提升产品设计的一致性与美感

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

实战项目：结合 AI 生成的图像，构建一个交互式的霍格沃茨画像应用

后端与全栈

学习 API 设计、数据库管理以及应用部署策略：

后端一：什么是 API

理解 API 的核心概念，它是前后端交互的桥梁

后端二：从数据库到 Supabase

掌握关系型数据库基础，并学习使用 Supabase 这一现代 BaaS 平台

后端三：大模型辅助编写接口代码与接口文档

利用 AI 辅助生成后端接口代码及标准的接口文档，提升开发效率

后端四：Git 工作流

掌握 Git 版本控制系统的核心操作与协作流程

后端五：如何部署 Web 应用

学习使用 Zeabur 快速部署你的全栈应用到云端

后端六：现代 CLI 开发工具

探索现代 CLI 工具，提升命令行环境下的开发体验

后端七：如何集成 Stripe 等收费系统

实战：为你的应用集成 Stripe 支付功能，实现商业化变现

大作业

通过实战项目巩固你的全栈开发技能：

大作业 1：构建第一个现代应用程序 - 全栈应用

综合运用所学知识，独立完成一个功能完整的全栈应用开发

大作业 2：现代前端组件库 + Trae 实战

使用现代组件库与 Trae IDE，高效构建复杂的前端界面

AI 能力扩展

AI 一：Dify 入门与知识库集成

学习使用 Dify 构建 AI 应用，并集成私有知识库

AI 二：学会查询 AI 词典与集成多模态 API

探索更多 AI 能力，集成视觉、语音等多模态 API

适合人群

• 有一定编程基础，想系统学习全栈开发的开发者
• 希望从产品经理转型为全栈工程师的学习者
• 想要掌握现代开发工具和工作流的初中级开发者
• 希望独立开发完整产品的创业者

前置要求

• 完成「新手与产品原型」阶段，或具备同等基础知识
• 了解基本的 HTML/CSS/JavaScript 概念
• 对 AI 编程工具有初步了解

准备好深入全栈开发了吗？点击左侧导航开始学习吧！