V2EX 07月15日 10:54
[教育] 一个新型 IT 培训模式
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

文章探讨了AI在前端开发教学中的应用,主张通过灌输概念、大量代码示例和参数调整,让学生理解AI的局限性。教学方法包括让学生辨认AI生成的代码、修改参数,并利用AI实现效果。文章建议教授基础概念,如盒模型、布局模式等,让学生在概念框架内尝试,最后通过简单的官网项目落地页演示如何高效使用AI。

📚 教学中强调概念灌输,通过大量代码示例和参数调整,让学生理解AI的局限性。

🖥️ 让学生辨认AI生成的代码,修改参数,并利用AI实现效果,增强实践能力。

🧩 教授基础概念,如盒模型、布局模式等,让学生在概念框架内尝试,培养逻辑思维。

📈 最后通过简单的官网项目落地页演示如何高效使用AI,实现从概念到实践的转化。

🤔 讨论了过度依赖AI的问题,但指出在当前时代,不依赖AI将缺乏竞争力。

只教概念,看大量代码但人工会改参数改数字,却基本不写代码
拿 web 前端开发举例
第一节课讲基本架构,样式骨架逻辑分离的模式,然后让 AI 写一个贪吃蛇或五子棋小游戏,让同学辨认哪些是样式哪些是逻辑。然后让同学们把一部分代码交给 AI 随便改,随便试。
然后教前端中最原子化的东西都有哪些,盒模型,图片,视频,3D 区域,API ,函数,变量,判断,计算,循环。。随机打开五个网站,让同学辨认打开的网站是由哪些东西组合起来的
后面可以教 js 也可以教 css ,但是同样的,不推荐同学们人写代码,而是告诉 AI 在这个概念框架里想要切换成一个什么效果。。
若某个同学不管改几次,AI 都做不到想要的效果,那么老师就过来接手,看 prompt 是否合理,有没有给出代码上下文,是否 AI 在前文生成结果挖了坑。核心在于让同学明白 AI 的局限性
后面每一节课都是只灌输概念,同学在这个概念框架里尝试不同效果,flex 布局有伸缩的特性,常见的布局模式有两端对齐,均分 gap 等等。多多展示些常见的布局模式。同学们也多多尝试
在基础概念能支撑大部分网站时,开始带着同学们做网站,以简单的官网落地页为例子,现场演示如何拆分项目化解为一个一个小需求,然后老师来演示如何根据需求写出 AI 秒懂的 prompt ,复杂的需求需要拆成两次或更多 prompt ,有的时候还需要提前给 AI 喂料。

写到这里笔者突然感觉有点太偏激或者说前沿了,带出来的孩子都是过度依赖于 AI 的。不过现在这个时代不依赖 AI 都快没竞争力了

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

AI辅助教学 前端开发 概念学习 实践转化
相关文章