“未来可能让你失业的不是 AI ,而是你身边懂 AI 的同事” 对于开发而言学习AI已经迫在眉睫。本课程带你使用 ChatGPT + Copilot 等 AI 工具,从 0 到 1 开发一个 Vue3 仿简书项目,体验以 3 倍速度完成项目的需求、设计、开发、优化和测试,全面碾压“人肉”开发。让你轻松掌握开发工作提效方法,快速提升职场竞争力。
第1章 课程简介 & 正确看待 AI
2 节|16分钟
收起 - 视频:1-1 -导学试看04:41
- 视频:1-2 -理性认识AI-它是一个工具,它需要主人10:42
第2章 认识常用 AI 工具,入门到实战
16 节|109分钟
收起 - 图文:2-1 章开始
- 视频:2-2 -ChatGPT为何能一夜走红?05:44
- 视频:2-3 -注册ChatGPT,如不成功可使用第三方整合网站11:26
- 视频:2-4 -关于ChatGPT Plus和GPT4.0 - 我暂不升级05:54
- 视频:2-5 -ChatGPT实战-写一个前端简历,快速且全面17:35
- 视频:2-6 -ChatGPT实战-润色简历文案,看起来更正式03:14
- 视频:2-7 -ChatGPT实战-写TodoList项目需求,它想的更加全面07:18
- 视频:2-8 -ChatGPT实战-设计TodoList项目的组件,它已是中级程序员水平08:59
- 视频:2-9 -介绍微软NewBing - 时效性好,但回答的太简洁07:22
- 视频:2-10 -介绍Github Copilot - 最流行的AI编码工具05:36
- 视频:2-11 -Github Copilot实战-通过注释智能生成代码08:20
- 视频:2-12 -介绍Cursor-智能代码编辑器,集成了GPT414:27
- 视频:2-13 -Prompt优化-全面精准的提问,可以让AI更好的理解你的意图05:15
- 视频:2-14 -AI和搜索引擎的区别-两者是完全不一样的05:02
- 视频:2-15 -国内AI工具介绍02:41
- 图文:2-16 章总结
第3章 使用 ChatGPT 写项目需求,设计技术方案
12 节|77分钟
收起 - 图文:3-1 章介绍
- 视频:3-2 -本课程对于讲师和学员都具有挑战性02:21
- 视频:3-3 -使用ChatGPT写项目需求大纲-它考虑的非常全面09:22
- 视频:3-4 -根据ChatGPT的生成结果,提取核心功能06:48
- 视频:3-5 -使用ChatGPT根据需求,分析需要多少页面05:03
- 视频:3-6 -搭建Vue3开发环境08:19
- 视频:3-7 -使用ChatGPT做技术方案设计-先切换它的角色为前端工程师05:19
- 视频:3-8 -使用ChatGPT生成路由配置,并用Copilot快速写出代码11:37
- 视频:3-9 -使用ChatGPT根据需求设计API接口03:41
- 视频:3-10 -使用ChatGPT快速生成axios配置和API代码12:50
- 视频:3-11 -使用Copilot快速生成API接口代码-part111:13
- 图文:3-12 章总结
第4章 项目开发 part1(以 ChatGPT 为主)
15 节|114分钟
收起 - 图文:4-1 章开始
- 视频:4-2 -使用ChatGPT尝试生成导航栏代码-效果非常好07:52
- 视频:4-3 -使用ChatGPT生成模板主体的代码07:24
- 视频:4-4 -使用ChatGPT生成usePageTitle函数,修改网页标题07:09
- 视频:4-5 -使用ChatGPT生成导航菜单,并能根据url参数实时更新09:29
- 视频:4-6 -使用ChatGPT生成搜索组件代码,清晰的指令即得准确的代码07:02
- 视频:4-7 -抽离登录和用户信息组件02:31
- 视频:4-8 -使用ChatGPT生成注册表单代码,并调整优化07:27
- 视频:4-9 -使用Copilot快速写出注册逻辑和API接口代码08:46
- 视频:4-10 -使用ChatGPT生成登录页的代码,并调整优化07:28
- 视频:4-11 -使用Copilot快速写出登录功能和API接口代码11:44
- 视频:4-12 -介绍Vue3状态管理,Pinia 代码演示14:31
- 视频:4-13 -使用Copilot快速生成Pinia代码,存储和管理用户信息03:07
- 视频:4-14 -使用Copilot生成代码,获取用户信息07:38
- 视频:4-15 -在导航栏显示用户信息,并实现注销功能11:06
第5章 项目开发 part2(以 Copilot 为主)
21 节|154分钟
收起 - 视频:5-1 -开发首页-使用ChatGPT快速生成博客列表API数据09:15
- 视频:5-2 -使用Copilot快速获取博客数据,并渲染博客列表07:05
- 视频:5-3 -使用ChatGPT生成博客卡片组件的代码09:05
- 视频:5-4 -使用ChatGPT继续提问,优化博客卡片组件的样式04:39
- 视频:5-5 -使用Copilot一分钟生成一个formatDate时间格式化函数04:00
- 视频:5-6 -使用ChatGPT快速开发博客列表的分页功能08:02
- 视频:5-7 -使用Copilot快速生成博客API接口代码09:24
- 视频:5-8 -使用Copilot获取博客内容,并修改网页标题07:27
- 视频:上一篇已经是第一篇
相关文章
ChatGPT + Flutter快速开发多端聊天机器人App
ChatGPT + Flutter快速开发多端聊天机器人App课程介绍:Python深度学习实战ChatGPT + Flutter快速开发多端聊天机器人App课程目录:第1章 课程介绍与学习指南第2章 走进C...287ChatGPT入门实战课 做AI时代更具竞争力的开发者
本门课程旨在帮助大家轻松掌握借助ChatGPT提升项目开发效能的技能。课程以大数据开发平台建设为例,结合AI实现生成代码、异常检索、生成SQL、生成图表等功能,让ChatGPT更好的...521