课程简介：

一课掌握AI辅助设计、编码、部署、迭代全程提效整套技术，助你凭硬实力抢占职业新机遇

AI 正在重塑开发范式，不会用 AI 全栈工具开发与提效的开发者，将面临职业危机。课程带你从0到1打造一款具备AI 聊天、AI 写作、AI 绘图等多模态全栈项目，借助 MasterGo AI（设计提效）与 Cursor（代码生成）AI工具链，快速提升从设计，编码到部署等开发效率。无论前端开发者，后端开发者，拥有全栈开发大模型业务的项目经验及全链路AI提效技能，都能让职业竞争力倍增，摆脱内卷，成为企业抢手的开发人才。

课程目录：

├── 第1章 MasterGo AI+Cursor辅助开发多模态全栈项目–课程导学
│ └── 1-1 多模态全栈项目实战–课程导学.mp4
├── 第2章 AI 智能时代，全栈开发技能 + 多模态 AI 项目才是硬核竞争力
│ ├── 2-1 AI工具链驱动全栈开发：未来软件趋势与竞争力.mp4
│ ├── 2-2 为什么企业对 “全栈开发 + AI 多模态项目” 复合人才需求量越来越大？.mp4
│ └── 2-3 “全栈开发 + AI多模态项目”融合开发技术全景图.mp4
├── 第3章 AI 浪潮下多模态探索 — 核心概念与应用场景
│ ├── 3-1 智能革命爆发：AI发展概论及未来趋势.mp4
│ ├── 3-2 AI 基础术语解析：算力、模型、数据、算力.mp4
│ ├── 3-3 国内外主流大语言模型（LLM）对比介绍.mp4
│ ├── 3-4 什么是多模态AI，文本图像语音大模型之间的区别有哪些？.mp4
│ └── 3-5 豆包聊天、WPS AI 工具等案例剖析，带你明确项目定位与核心功能.mp4
├── 第4章 AI 多模态全栈项目 — 需求分析与网页设计
│ ├── 4-1 如何结合用户需求进行项目需求分析，编写高质量需求文档.mp4
│ ├── 4-2 MasterGo AI 工具介绍与使用方法.mp4
│ ├── 4-3 借助 MasterGo AI 工具绘制多模态AI项目核心界面.mp4
│ └── 4-4 如何优化与完善网页细节，轻松打造精品网页？.mp4
├── 第5章 前端热门框架 —Vue3.5 最新版系统入门与进阶
│ ├── 5-1 初识Vue3.5 框架，洞悉框架特性与应用.mp4
│ ├── 5-10 Vue 3.5 项目常见报错解析与解决方案.txt
│ ├── 5-11 基于Vue3.5 框架实现 ToDoList.mp4
│ ├── 5-12 Vue3.5 封装全局自定义指令.mp4
│ ├── 5-13 Vue3.5 双向数据绑定与响应式原理剖析.mp4
│ ├── 5-14 虚拟 DOM 与Diff 算法剖析.mp4
│ ├── 5-15 Vue3.5 模板编译底层逻辑与运行机制详解.mp4
│ ├── 5-2 掌握 Vue3.5 生命周期钩子函数.mp4
│ ├── 5-3 Vue 3.5 模版语法：构面动态交互界面.mp4
│ ├── 5-4 Vue 3.5 响应式系统实战：理解数据驱动原理，实现视图自动更新.mp4
│ ├── 5-5 熟悉 Vue3.5 监听属性和计算属性.mp4
│ ├── 5-6 Vue3.5 组件化开发实践.mp4
│ ├── 5-7 Vue3.5 组合式API核心特征与自定义组合式API.mp4
│ ├── 5-8 Vue3.5 路由导航实战解析.mp4
│ └── 5-9 学会Pinia 状态管理，实现跨组件共享数据.mp4
├── 第6章 后端热门技术 –Node.js 最新版系统入门与进阶
│ ├── 6-1 后端开发技术栈：为什么选择 Node.js.mp4
│ ├── 6-10 Node.js 事件循环机制详解.mp4
│ ├── 6-11 Node.js 安全开发与漏洞防范.mp4
│ ├── 6-2 Node.js 核心模块：fs 模块原理与应用，读取和写入文件内容.mp4
│ ├── 6-3 Node.js 核心模块path ，使用 path 模块处理路径.mp4
│ ├── 6-4 Node.js 核心模块：HTTP 模块原理与应用.mp4
│ ├── 6-5 利用 Http 创建一个基本 web 服务器.mp4
│ ├── 6-6 理解 Node.js 模块化基础概念与作用.mp4
│ ├── 6-7 理解Node.js 模块化不同语法及它们的区别.mp4
│ ├── 6-8 Node.js 模块加载机制底层实现原理剖析.mp4
│ └── 6-9 . Node.js 异步 IO 原理解析.mp4
├── 第7章 Node.js 轻量级 Web 应用框架 –Express 框架系统入门与进阶
│ ├── 7-1 初识Express 框架 — 洞悉框架特性.mp4
│ ├── 7-2 Express 框架基础配置.mp4
│ ├── 7-3 利用 Express 框架处理请求方法及请求参数.mp4
│ ├── 7-4 理解 Express 路由与传参.mp4
│ ├── 7-5 理解 Express 路由分组方法.mp4
│ └── 7-6 Express 中间件介绍，理解中间件分类及作用.mp4
├── 第8章 MySQL 数据库基础与实践应用
│ ├── 8-1 MySQL 数据库基础与实践应用： 核心概念介绍.mp4
│ ├── 8-2 MySQL 安装与表的基础操作，熟练完成数据库安装、表创建、字段管理等基础操作.mp4
│ ├── 8-3 SQL 语句核心精讲与实践上 ，熟悉 SQL 语法实现高效数据处理.mp4
│ ├── 8-4 SQL 语句核心精讲与实践下，熟悉 SQL 语法实现高效数据处理.mp4
│ ├── 8-5 Express 与 MySQL 联动开发中常见报错处理.txt
│ └── 8-6 实现 Express 与 MySQL 联动开发添加和查询用户信息接口.mp4
├── 第9章 国内外 AI 辅助编程工具对比介绍及其应用
│ ├── 9-1 . 国内外主流 AI 辅助编程工具概览与对比，了解不同AI编程工具的特点.mp4
│ ├── 9-2 Cursor 工具介绍与基本操作.mp4
│ ├── 9-3 结合Cusor编程优化开发工作流，构建高效开发工作流.mp4
│ ├── 9-4 通义灵码：阿里云的智能编码利器，使用教程与实践.mp4
│ ├── 9-5 字节跳动推出的AI编程工具 Trae ，工具介绍与基本操作.mp4
│ ├── 9-6 Trae 编程工具进阶技巧，高效应用AI 辅助编程.mp4
│ └── 9-7 使用 Cursor 和 Trae 分别实现简化版 AI 聊天后台管理系统，提高AI辅助编程.mp4
├── 第10章 高效提示词编写全攻略 — 从基础到场景实践
│ ├── 10-1 提示词基础认知与重要性，了解提示词工程.mp4
│ ├── 10-2 提示词构建的基本原则，学会构建高质量提示词.mp4
│ ├── 10-3 提示词分类与适用场景，了解不同场景下的提示词.mp4
│ ├── 10-4 不同编程场景下的提示词写法，根据特定场景准确编写提示词.mp4
│ └── 10-5 提示词的优化与迭代技巧，持续提升代码质量.mp4
├── 第11章 前端工程化加速引擎 –Vite 从基础到进阶攻略
│ ├── 11-1 Vite 基础入门与核心优势，掌握 Vite 快速上手与项目初始化.mp4
│ ├── 11-2 Vite 核心功能深度解析，理解热更新与静态资源管理技巧.mp4
│ ├── 11-3 Vite 配置文件与基础优化，掌握基础配置与环境定制.mp4
│ ├── 11-4 Vite 插件系统，掌握插件机制.mp4
│ └── 11-5 Vite 生产环境构建与性能优化，实现代码分包与体积优化.mp4
├── 第12章 AI 多模态全栈项目 — 前端项目架构搭建与配置
│ ├── 12-1 Vite 创建 Vue3.5 初始化项目，规划项目目录结构引入 Element plus 组件库.mp4
│ ├── 12-2 公共组件封装与全局样式初始化，提炼复用组件统一样式开发规范.mp4
│ ├── 12-3 封装 axios 请求，实现请求拦截及响应拦截方法.mp4
│ ├── 12-4 项目中高频工具函数封装，方便项目开发中重复取用.mp4
│ └── 12-5 项目中页面组件拆分和Vue Router路由配置，掌握组件拆分思路.mp4
├── 第13章 AI 多模态全栈项目实战 — 后端项目架构与数据库设计
│ ├── 13-1 Node.js 项目初始化与目录规划，实现后端启动.mp4
│ ├── 13-2 创建 HTTP 服务，实现前后端通信与请求处理.mp4
│ ├── 13-3 制定接口设计规范及拆解业务场景，提升前后端协作效率.mp4
│ ├── 13-4 ApiFox 接口管理工具实用技巧.mp4
│ ├── 13-5 控制器处理请求与数据操作，掌握控制器层业务逻辑处理能力.mp4
│ ├── 13-6 完成用户&聊天信息表结构设计，掌握数据库表结构设计.mp4
│ └── 13-7 完成提示词&文章表结构设计，掌握数据库表结构设计.mp4
├── 第14章 AI 多模态全栈项目实战 — 登录注册功能实现
│ ├── 14-1 登录页开发，实现前端页面.mp4
│ ├── 14-2 登录&注册接口&头像上传功能开发.mp4
│ ├── 14-3 JWT 原理讲解与 Token 生成验证.mp4
│ ├── 14-4 前后端鉴权全流程讲解.mp4
│ └── 14-5 登录注册接口联调，实现登录注册功能.mp4
├── 第15章 AI 多模态全栈项目实战 — 接入豆包文本生成模型，智能聊天和信息管理功能开发
│ ├── 15-1 对 AI 聊天界面进行布局优化，掌握界面优化技巧.mp4
│ ├── 15-2 会话列表管理接口开发，掌握对话列表接口开发能力.mp4
│ ├── 15-3 会话列表管理接口联调，完成功能点数据交互逻辑.mp4
│ ├── 15-4 了解豆包对话模型和深度思考模型 API 的输入输出格式，明确模型输入参数配置.mp4
│ ├── 15-5 接入 豆包对话模型和深度思考模型，实现数据流式响应.mp4
│ ├── 15-6 接入模型实现AI聊天功能，处理流式响应并实现逐字渲染.mp4
│ ├── 15-7 AI答案解析与美化，掌握Markdown 渲染与表格美化技巧.mp4
│ ├── 15-8 AI聊天添加多轮对话功能，管理历史对话内容.mp4
│ └── 15-9 后端分页和前端长列表加载数据，解决聊天记录过多时页面卡顿问题.mp4
├── 第16章 AI 多模态全栈项目实战 — 聊天功能扩展与提示词管理功能开发
│ ├── 16-1 了解豆包语音合成模型 — 输入输出格式.mp4
│ ├── 16-10 实现输入框智能提示词搜索，提高用户操作效率.mp4
│ ├── 16-2 实现语音合成功能与WebSocket 核心解析.mp4
│ ├── 16-3 聊天记录功能扩展（复制 聊天记录转图片）.mp4
│ ├── 16-4 聊天记录下载预览页面加水印，熟悉加水印方法.mp4
│ ├── 16-5 收藏聊天信息接口开发，包括收藏, 取消收藏，获取收藏列表接口.mp4
│ ├── 16-6 收藏聊天信息前端展示及接口联调，实现收藏功能优化客户端数据查看体验.mp4
│ ├── 16-7 我的提示词管理和提示词分组功能接口开发,掌握提示词接口开发实战技能.mp4
│ ├── 16-8 我的提示词分组管理功能实现，掌握如何对提示词进行分类管理.mp4
│ └── 16-9 我的提示词管理功能实现，轻松对个人提示词进行增删改查.mp4
├── 第17章 AI 多模态全栈项目实战 — 构建智能笔记工具，掌握 AI 写作与笔记管理
│ ├── 17-1 文字编辑工具，WantEditor 富文本编辑器的使用场景和方法.mp4
│ ├── 17-2 集成 WantEditor 富文本编辑器，实现自定义工具栏.mp4
│ ├── 17-3 自定义AI写作弹窗工具 , 并通过快捷键唤出AI写作弹窗.mp4
│ ├── 17-4 调用豆包文本生成模型实现 AI 写作，掌握 AI 写作交互实现技巧.mp4
│ ├── 17-5 熟悉豆包语音识别模型，了解该模型输入输出格式.mp4
│ ├── 17-6 接入语音识别模型API，通过语音识别实现快速输入文本.mp4
│ ├── 17-7 文章列表管理接口开发，作为前端页面管理文章列表数据入口.mp4
│ └── 17-8 文章列表管理功能实现，方便用户管理个人笔记.mp4
├── 第18章 AI 多模态全栈项目实战 — 打造图像生成功能，掌握从文本到图像的智能创作
│ ├── 18-1 文生图界面布局优化，提升用户体验.mp4
│ ├── 18-2 了解豆包文生图模型 API 的输入输出格式，明确输入参数配置.mp4
│ ├── 18-3 封装豆包文生图模型 API，掌握豆包文生图模型接入方法.mp4
│ ├── 18-4 图片管理接口开发，包括收藏、取消收藏、获取收藏列表接口.mp4
│ ├── 18-5 图片管理功能实现，掌握图片管理交互逻辑.mp4
│ ├── 18-6 图片收藏，取消收藏、获取并渲染图片列表功能实现.mp4
│ └── 18-7 实现收藏图片列表懒加载和加载后端更多图片功能.mp4
├── 第19章 AI 多模态全栈项目实战 — 测试与部署
│ ├── 19-1 功能点测试，确保项目功能正常运行.mp4
│ ├── 19-2 针对测试中的问题进行修复，确保项目的稳定性和可靠性.mp4
│ └── 19-3 使用快速部署上线工具 Devbox 完成项目部署，确保用户稳定访问.mp4
├── 第20章 课程总结
│ └── 20-1 课程总结，整合全栈技术形成多模态 AI 项目实战能力.mp4
└── 课件资料
├── 3-4 如何优化与完善网页细节，轻松打造精品网页？
│ ├── 3-4 多模态AI项目设计图文件.sketch
│ └── 3-4.《设计中的基础操作与快捷键详解》.docx
├── 4-11. todolist_project
│ ├── .vscode
│ │ └── extensions.json
│ ├── public
│ │ └── vite.svg
│ ├── src
│ │ ├── assets
│ │ ├── components
│ │ ├── App.vue
│ │ ├── main.js
│ │ └── style.css
│ ├── .gitignore
│ ├── index.html
│ ├── package-lock.json
│ ├── package.json
│ ├── README.md
│ └── vite.config.js
├── 6-3. 利用 Express 框架处理不同请求方法及请求参数解析
│ └── app.js
├── 6-5. 理解 express 路由分组方法 ，学会将需求拆分模块化开发
│ ├── routes
│ │ └── users.js
│ └── app.js
├── 6-7. 自定义中间件— 日志中间件代码
│ ├── logs
│ │ └── access.log
│ ├── middleware
│ │ └── logger.js
│ └── app.js
├── 6-8. 错误处理与调试技巧，编写错误处理中间件
│ └── app.js
├── 6-9. 用户信息增删改查接口代码
│ ├── router
│ │ └── users.js
│ └── app.js
├── 7-6. 实现 Express 与 MySQL 联动开发（代码）
│ ├── db
│ │ └── index.js
│ ├── router
│ │ └── users.js
│ ├── .env
│ ├── app.js
│ ├── package-lock.json
│ ├── package.json
│ └── README.md
├── 第四章. Vue3.5 框架教学案例
│ └── vue_case_teach
│ ├── .vscode
│ ├── public
│ ├── src
│ ├── .gitignore
│ ├── index.html
│ ├── jsconfig.json
│ ├── package-lock.json
│ ├── package.json
│ ├── README.md
│ └── vite.config.js
├── 第五章. Node.js 案例代码
│ ├── createHttp.js
│ ├── eventLoop.js
│ ├── fileOperation.js
│ ├── index.js
│ ├── login.js
│ ├── pathOperation.js
│ ├── prompts.json
│ └── user.js
└── 3-3. 生成多模态AI项目设计图提示词.docx