Deepseek火了，老师们玩的很溜。

网上爆出很多自己编写的网页程序，自动点名，背诵古诗，还有的记英语单词等等。

编程真的是零门槛了吗？只需要简单交流就可以做出你想要的效果。

全民程序员的时代，做老师是不是也会点“狠活”。

第一章 小白是否真的能编程

其实，编程并没有想象的那么容易，网上演示的大多是需求非常简单直白，如点名程序，单词记忆小动画等，复杂点的程序多半不给教程遮遮掩掩不说明制作方法和来源真假已难辨。效果往往很惊艳，但做出此类效果，也绝非自媒体说的那样一句话两句话就可以轻松搞定。

那么网页编程或者说这种网页编程动画小白是否可以做，应该如何做，其背后的逻辑是怎样的，是否给出一套模板方式就可以解决问题呢。

张老师观点：要做出网页动画，首先是让Deepseek了解了你的需求，然而大部分小白最为困难的点在于如何把需求描述清楚。

如何才能描述清楚需求呢？张老师提供一个万能模板和一套拆解复杂需求的逻辑，当然这并非什么“万金油”，哪里都管用，需求的产生是基于对问题的思考，然后将问题转化成开发思维，去用开发者的视角描述问题。

这就实际上就是现实中产品经理与程序员两个角色的组合体，客户把模糊的需求提出来，产品经理根据经验对需求进行产品化，经过客户的确认后，再跟程序员沟通，确认是否可行。

AI做的就是程序员和产品经理的活，当他能明白你的描述时，自然就能写出对应的代码，当描述不清，它理解跑偏或者写出错误代码也很正常。

怎样才能清晰的描述问题呢？现实中如果客户懂一些知识，那么产品经理在跟客户沟通的时候往往很容易，反之则需要反复确认。

原因很简单，相通的知识结构，自然就更容易听懂对方所要做的是什么。

除此之外，大模型的编程能力也各不相同，目前编程能力民间有这样的评测表单：

这个表单中Claude3.7未被统计在内，实测来看Claude3.7能力不输Qwen2.5是一个非常强大的对手。

同时注意，这样的评测有时候毫无意义，需要根据自己测试的实际效果为准。

第二章 把需求描述清楚的万能公式

一、提示词万能模板（适配编程需求）

功能定位公式‌
身份说明 + 核心功能 + 技术约束 + 交互示例
例：
「我是一名小学教师，需要制作一个课堂成语接龙互动网页，学生通过点击按钮随机生成成语接龙题目，要求纯HTML/CSS/JS实现，无需后端。请生成代码并提供按钮点击触发动画的示例。」‌

这个提示词交给不同的模型编写出的案例是不一样的。

deepseek如下：

通义千问：

从效果来看大差不差，Deepseek界面更人性化，更舒适。

增加难度：

「我是一名小学教师，需要制作一个立方体旋转的互动网页，学生通过点击数字按钮生成边长为1的立方体，立方体处于一个三维坐标系内，可以通过鼠标拖动旋转看到不同的侧面，侧面用不同颜色区分，要求纯HTML/CSS/JS实现，无需后端。请生成代码。」‌

显然这个描述已经很繁琐，这种需求较多较为复杂的问题我们可以适用下面的拆解公式：

‌复杂需求拆分公式‌
主功能描述 + 子规则说明 + （容错机制） + 输出格式

例：「开发一个三维空间旋转的立方体互动游戏，需要满足：1.学生通过点击数字控制区域按钮，生成边长为1的立方体2.立方体处于一个三维坐标系内，可以通过鼠标拖动旋转看到不同的侧面，侧面用不同颜色区分3.单击控制区可以增加一个立方体，同时该按键由0变为1，0代表未对应生成立方体，1代表已经生成立方体4.数字控制器要与生成的立方体俯视图的排列方式完全一致。5.要求纯HTML/CSS/JS实现，无需后端。请生成代码。」‌

Deepseek：

Qwen:

由此可以看出需求描述核心原则

核心任务

开发一个三维空间旋转的立方体互动游戏，这就是主要任务。

1. ‌功能排序‌
   先描述核心交互（如「学生通过点击数字控制区域按钮，生成边长为1的立方体」），再补充附加需求（如「立方体处于一个三维坐标系内，可以通过鼠标拖动旋转看到不同的侧面，侧面用不同颜色区分」），避免需求混杂导致生成代码冗余。‌

2. ‌技术栈限定‌
   明确声明技术限制（如「仅用原生JS」「禁止使用第三方库」），可减少调试成本。若对技术方案不熟悉，可要求Deepseek提供多版本代码备选。‌

3. ‌交互细节具象化‌
   如果有些效果无法描述时可以使用类比法描述效果，例如：
   「进度条样式参考Windows开机加载动画，数值每增长10%触发一次颜色渐变。

4. 三、案例参考（实际教学场景）

5. ‌随机点名系统

这个系统已经做的很多，这里让大家来练手。先别看下面的提示词，自己去实打实的写一写。当然也可以直接让Deepseek按照上面的格式要求，给你写一个提示词。

‌提示词：
「生成一个带音效的随机点名网页，要求：①姓名列表可后台直接修改；②点击开始后姓名高速滚动，3秒后逐渐减速停止；③界面包含班级logo占位区。输出完整HTML文件。」‌

生成结果：教师仅需替换姓名列表文件。

1. ‌单词拼写游戏

‌
提示词：
「用JavaScript实现动态字母拖拽拼写功能：①从右侧字母池拖拽到左侧空白区；②拼写正确时显示绿色边框，错误则抖动提示。需兼容平板触屏操作。」‌

 

‌分阶段生成‌
先要求输出最小可行版本（如仅核心交互逻辑），再通过追加提示词逐步完善功能（如「增加本地存储保存最高分」）。‌

当然，要想写出复杂逻辑的程序还得cursor或者trae这类开发者平台，功能齐全，而且可操作性强。

 如何学习AI大模型？

我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在人工智能学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限，很多互联网行业朋友无法获得正确的资料得到学习提升，故此将并将重要的AI大模型资料包括AI大模型入门学习思维导图、精品AI大模型学习书籍手册、视频教程、实战学习等录播视频免费分享出来。

第一阶段： 从大模型系统设计入手，讲解大模型的主要方法；

第二阶段： 在通过大模型提示词工程从Prompts角度入手更好发挥模型的作用；

第三阶段： 大模型平台应用开发借助阿里云PAI平台构建电商领域虚拟试衣系统；

第四阶段： 大模型知识库应用开发以LangChain框架为例，构建物流行业咨询智能问答系统；

第五阶段： 大模型微调开发借助以大健康、新零售、新媒体领域构建适合当前领域大模型；

第六阶段： 以SD多模态大模型为主，搭建了文生图小程序案例；

第七阶段： 以大模型平台应用与开发为主，通过星火大模型，文心大模型等成熟大模型构建大模型行业应用。

👉学会后的收获：👈
• 基于大模型全栈工程实现（前端、后端、产品经理、设计、数据分析等），通过这门课可获得不同能力；

• 能够利用大模型解决相关实际项目需求： 大数据时代，越来越多的企业和机构需要处理海量数据，利用大模型技术可以更好地处理这些数据，提高数据分析和决策的准确性。因此，掌握大模型应用开发技能，可以让程序员更好地应对实际项目需求；

• 基于大模型和企业数据AI应用开发，实现大模型理论、掌握GPU算力、硬件、LangChain开发框架和项目实战技能， 学会Fine-tuning垂直训练大模型（数据准备、数据蒸馏、大模型部署）一站式掌握；

• 能够完成时下热门大模型垂直领域模型训练能力，提高程序员的编码能力： 大模型应用开发需要掌握机器学习算法、深度学习框架等技术，这些技术的掌握可以提高程序员的编码能力和分析能力，让程序员更加熟练地编写高质量的代码。

1.AI大模型学习路线图
2.100套AI大模型商业化落地方案
3.100集大模型视频教程
4.200本大模型PDF书籍
5.LLM面试题合集
6.AI产品经理资源合集

👉获取方式：
😝有需要的小伙伴，可以保存图片到wx扫描二v码免费领取【保证100%免费】🆓