人工精选rk0788-JK-跟月影学前端智能体开发
如果你已经在做前端,最近又被各种大模型能力绕得有点晕,这门课的价值在于:它不教你训练模型,也不要求你懂算法,只解决一件事——怎么在浏览器里把大模型的文本、图像、语音能力接进真实页面,并且让用户等得不难受。 它解决的是哪类工作场景 日常最常遇到的三个需求,这门课基本都覆盖了。一是做一个能对话的界面,用
会员可免费下载本篇月会员可免费领取。
开通会员 ›会员 · 按档位
游客按标价购买,不享受上表折扣。
支付成功后自动发放网盘链接,链接失效可找客服免费补
如果你已经在做前端,最近又被各种大模型能力绕得有点晕,这门课的价值在于:它不教你训练模型,也不要求你懂算法,只解决一件事——怎么在浏览器里把大模型的文本、图像、语音能力接进真实页面,并且让用户等得不难受。
它解决的是哪类工作场景
日常最常遇到的三个需求,这门课基本都覆盖了。一是做一个能对话的界面,用户输入问题、页面拿到模型回复并展示出来;二是处理等待体验,模型返回慢的时候,如果傻等整段结果,页面会显得卡死,所以要用流式传输把内容一段段吐出来;三是多模态调用,比如让用户上传图片做识别,或者把文字转成语音播放。这些都是前端可以直接落地的事,不依赖后端同学帮你封装接口,你自己就能把请求发出去、把结果渲染出来。
适合的基础也比较明确:能写 JavaScript,会用 fetch 或 axios 发请求,理解 Promise 和异步的基本写法,做过普通的表单提交或接口对接。如果你连前端请求都没写过,直接看会有点吃力;但只要你平时做过页面调接口,这门课的门槛就不高。它不涉及框架深度,React、Vue 还是原生都能跟着做。
建议先看哪几块,怎么配合练习
顺序上建议从文本大模型 API 调用入手,先把「发请求—拿结果—渲染到页面」这条链路跑通,这是后面所有内容的地基。接着看流式传输那一块,它解决的是体验问题,也是实际项目里最容易被忽略、但用户感知最强的一环。再往后是图像模型调用,以及语音合成和视觉模型,这两块属于扩展能力,等你把前面的请求和渲染逻辑练熟了再上手会顺很多。
资料里有讲解文档和配套音频,我的建议是:先看文档理清思路,动手把示例代码敲一遍,遇到请求参数、返回结构不清楚的地方再回去听对应音频。不要只顺着听,前端这块光看不写基本记不住。每看完一块,自己造一个小场景练手,比如做一个输入框加回复区的对话页,或者做一个上传图片返回描述的小工具,比单纯抄代码有用得多。
学完能独立做什么
比较实际的预期是:你能独立完成一个前端侧的大模型应用原型,包括对话界面、流式输出的打字机效果、图片识别入口和语音播报。放到工作里,这意味着产品提一个「加个 AI 问答」的需求时,你能自己评估接口怎么调、等待怎么处理、异常怎么兜底,而不是只能等后端排期。它不会让你变成算法工程师,但足以让你成为团队里能把大模型能力接进页面的那个人。
最后提醒一句:这类能力更新快,课程给的是调用思路和实战套路,真正上手时接口细节可能已经变了,重点是掌握请求组织、流式处理和结果渲染的方法,而不是死记某个参数。
课程目录
课程目录33 条
- rk0788-JK-跟月影学前端智能体开发 images videos 01|如何在前端调用文本大模型API.md 01|如何在前端调用文本大模型API.mp3 01|如何在前端调用文本大模型API.pdf
- 02|如何使用流式传输减少等待时间.md 02|如何使用流式传输减少等待时间.mp3 02|如何使用流式传输减少等待时间.pdf
- 03|如何在前端调用图像大模型API.md 03|如何在前端调用图像大模型API.mp3 03|如何在前端调用图像大模型API.pdf
- 04|如何在前端调用语音合成和视觉模型.md 04|如何在前端调用语音合成和视觉模型.mp3 04|如何在前端调用语音合成和视觉模型.pdf
- 05|如何快速构建AI应用智能体.md 05|如何快速构建AI应用智能体.mp3 05|如何快速构建AI应用智能体.pdf
- 06|智能体应用实战拍照记单词.md 06|智能体应用实战拍照记单词.mp3 06|智能体应用实战拍照记单词.pdf
- 07|提示词工程一三个技巧让大模型超常发挥.md 07|提示词工程一三个技巧让大模型超常发挥.mp3 07|提示词工程一三个技巧让大模型超常发挥.pdf
- 08|提示词工程二如何使用元提示Meta-Prompt和动态提示词.md 08|提示词工程二如何使用元提示Meta-Prompt和动态提示词.mp3 08|提示词工程二如何使用元提示Meta-Prompt和动态提示词.pdf
- 09|用户体验如何解决流式传输与JSON结构化的矛盾.md 09|用户体验如何解决流式传输与JSON结构化的矛盾.mp3 09|用户体验如何解决流式传输与JSON结构化的矛盾.pdf
- 10|深入细节如何实现动态JSON解析.md 10|深入细节如何实现动态JSON解析.mp3 10|深入细节如何实现动态JSON解析.pdf
- 11|工作流框架Ling的设计思想与整体架构.md 11|工作流框架Ling的设计思想与整体架构.mp3 11|工作流框架Ling的设计思想与整体架构.pdf
- 12|深度剖析上Ling框架的底层实现.md 12|深度剖析上Ling框架的底层实现.mp3 12|深度剖析上Ling框架的底层实现.pdf
- 13|深度剖析下Ling框架的底层实现.md 13|深度剖析下Ling框架的底层实现.mp3 13|深度剖析下Ling框架的底层实现.pdf
- 14|项目实战使用Ling框架重构拍照记单词.md 14|项目实战使用Ling框架重构拍照记单词.mp3 14|项目实战使用Ling框架重构拍照记单词.pdf
- 15|实战项目概览AI版十万个为什么.md 15|实战项目概览AI版十万个为什么.mp3 15|实战项目概览AI版十万个为什么.pdf
- 16|如何实现好奇心问题改写和RAG.md 16|如何实现好奇心问题改写和RAG.mp3 16|如何实现好奇心问题改写和RAG.pdf
- 17|如何实现波波熊学伴核心工作流上.md 17|如何实现波波熊学伴核心工作流上.mp3 17|如何实现波波熊学伴核心工作流上.pdf
- 18|如何实现波波熊学伴核心工作流中.md 18|如何实现波波熊学伴核心工作流中.mp3 18|如何实现波波熊学伴核心工作流中.pdf
- 19|如何实现波波熊学伴核心工作流下.md 19|如何实现波波熊学伴核心工作流下.mp3 19|如何实现波波熊学伴核心工作流下.pdf
- 20|如何实现插图和听书功能.md 20|如何实现插图和听书功能.mp3 20|如何实现插图和听书功能.pdf
- 21|如何实现语音输入.md 21|如何实现语音输入.mp3 21|如何实现语音输入.pdf
- 22|项目概览AI前端面试官.md 22|项目概览AI前端面试官.mp3 22|项目概览AI前端面试官.pdf
- 23|多轮对话时间线与记忆.md 23|多轮对话时间线与记忆.mp3 23|多轮对话时间线与记忆.pdf
- 24|多轮对话API读写分离设计.md 24|多轮对话API读写分离设计.mp3 24|多轮对话API读写分离设计.pdf
- 25|多轮对话人设上下文和记忆.md 25|多轮对话人设上下文和记忆.mp3 25|多轮对话人设上下文和记忆.pdf
- 26|交互细节功能的丰富和功能优化.md 26|交互细节功能的丰富和功能优化.mp3 26|交互细节功能的丰富和功能优化.pdf
- 27|如何创建AI智能体管理笔记和收集信息一.md 27|如何创建AI智能体管理笔记和收集信息一.mp3 27|如何创建AI智能体管理笔记和收集信息一.pdf
- 28|如何创建AI智能体管理笔记和收集信息二.md 28|如何创建AI智能体管理笔记和收集信息二.mp3 28|如何创建AI智能体管理笔记和收集信息二.pdf
- 29|如何用BunnyCDN结合Coze智能体管理静态资源.md 29|如何用BunnyCDN结合Coze智能体管理静态资源.mp3 29|如何用BunnyCDN结合Coze智能体管理静态资源.pdf
- 30|AICoding不可阻挡的前端工业革命.md 30|AICoding不可阻挡的前端工业革命.mp3 30|AICoding不可阻挡的前端工业革命.pdf
- 31|VibeCoding使用TraeBuilder开发实战项目一.md 31|VibeCoding使用TraeBuilder开发实战项目一.mp3 31|VibeCoding使用TraeBuilder开发实战项目一.pdf
- 32|VibeCoding使用TraeBuilder开发实战项目二.md 32|VibeCoding使用TraeBuilder开发实战项目二.mp3 32|VibeCoding使用TraeBuilder开发实战项目二.pdf
- 33|如何私有化部署和应用本地大模型.md 33|如何私有化部署和应用本地大模型.mp3 867982 868006 868085 868684 868707 869011 870510 871242 871596 871656 874027 874518 874806 874819 874832 874874 875641 875905 876080 877334 877818 878074 878168 879060 879116 879672 880600 880867 881068 881681 882273 882282 883359 883388 885060 885838 886340 886902 887554 888080 888785 889118 4a0d470bd540363cafb096492b8c2d80.jpg 88b70ac52a734b0e2d02264c48559a23.gif a1615aaf8b610e426b91fb091614dc54.png baf91dfb45d5f4eb4a2d9f684d12116b.png f2c99218a5de9389b45f4d67b8a44913.jpg 适合人群 前端开发者 AI应用爱好者 学习收获 掌握智能体开发流程 实现智能体应用实战 提升AI应用开发能力 祝您学习愉快! 学有所成,前程似锦!





