首页 实战
收藏

程序员的 AI 启蒙课: ChatGPT 让你 1 人顶 3 人

使用 ChatGPT + Copilot 快速开发 Vue3 仿简书项目，90% 代码由 AI 生成，效率质量双提升

已完结
|
难度：初级
|
时长：共 10 小时
￥199.00
满599减100 满299减30
立即购买
加购物车
已有 838 人在学
  • ChatGPT写需求、做方案设计
  • NotionAI 快速写文章、写博客
  • ChatGPT快速写代码，并做优化
  • AIGC 做内容的其他常用工具
  • Copilot 一键智能生成代码
  • Al 使用技巧，Prompt 优化
试看本节课 04:41
1-1 -导学

课程预览

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定
重新观看
“未来可能让你失业的不是 AI ，而是你身边懂 AI 的同事” 对于开发而言学习AI已经迫在眉睫。本课程带你使用 ChatGPT + Copilot 等 AI 工具，从 0 到 1 开发一个 Vue3 仿简书项目，体验以 3 倍速度完成项目的需求、设计、开发、优化和测试，全面碾压“人肉”开发。让你轻松掌握开发工作提效方法，快速提升职场竞争力。
展开所有

本章介绍：

本章介绍课程的主要内容。以及我们要正确看待 AI ，它就是一个工具和助手，它需要主人、需要你。

第1章 课程简介 & 正确看待 AI
2 节｜16分钟
展开
  • 视频：
    1-1 -导学
    试看
    04:41
  • 视频：
    1-2 -理性认识AI-它是一个工具，它需要主人
    10:42

本章介绍：

本章讲解开发常用的 AI 工具，包括 ChatGPT、NewBing、Copilot、Cursor 等，介绍完直接实战体验，即学即用。

第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-智能代码编辑器，集成了GPT4
    14:27
  • 视频：
    2-13 -Prompt优化-全面精准的提问，可以让AI更好的理解你的意图
    05:15
  • 视频：
    2-14 -AI和搜索引擎的区别-两者是完全不一样的
    05:02
  • 视频：
    2-15 -国内AI工具介绍
    02:41
  • 图文：
    2-16 章总结

本章介绍：

本章使用 ChatGPT 写项目需求，再根据需求完成技术方案，如路由、页面、API 接口等。你将体会到 AI 工具全面、高效的业务能力。

第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接口代码-part1
    11:13
  • 图文：
    3-12 章总结

本章介绍：

本章主要使用 ChatGPT 生成 Vue3 代码，完成项目的导航栏、搜索，用户登录、注册、注销，以及获取用户信息等功能的开发。

第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

本章介绍：

本章主要使用 Copilot 生成 Vue3 代码，完成项目的博客列表、博客卡片，博客详情页、点赞、收藏，博客评论，博客管理等功能的开发。

第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
  • 视频：
    5-9 -使用Copilot展示博客内容，并转换markdown格式
    05:50
  • 视频：
    5-10 -使用Copilot快速开发点赞和收藏功能，包括UI和业务逻辑
    07:42
  • 视频：
    5-11 -使用ChatGPT快速生成评论数据，并写出API接口代码
    05:46
  • 视频：
    5-12 -使用Copilot自动生成评论列表的代码，包括模板和样式
    08:58
  • 视频：
    5-13 -使用Copilot快速开发删除评论的功能，自动执行Ajax请求
    06:59
  • 视频：
    5-14 -使用Copilot快速开发创建评论功能，CSS样式和列表保持一直
    05:37
  • 视频：
    5-15 -开发我的博客页面，修改标题和判断登录状态
    10:35
  • 视频：
    5-16 -使用Copilot快速生成博客表格，以及其他附加功能
    14:52
  • 视频：
    5-17 -使用Copilot快速开发删除博客功能，并自动重载数据
    07:12
  • 视频：
    5-18 -创建和编辑博客，通过判断id来修改标题
    05:17
  • 视频：
    5-19 -使用ChatGPT快速生成创建和编辑博客的表单
    10:25
  • 视频：
    5-20 -使用Copilot一键生成提交博客的代码，逻辑准确
    05:19
  • 图文：
    5-21 项目开发 - 总结

本章介绍：

本章使用 ChatGPT 优化了 5 个组件的代码。并用 ChatGPT 进行整体性能优化。最后使用 ChatGPT 生成测试用例，用于测试功能。

第6章 使用 ChatGPT 做项目优化和测试
10 节｜80分钟
展开
  • 图文：
    6-1 章开始
  • 视频：
    6-2 -使用ChatGPT优化SearchInput组件代码，用watch代替watchEffect
    06:48
  • 视频：
    6-3 -使用ChatGPT优化LoginView代码，简化表单校验逻辑
    14:59
  • 视频：
    6-4 -使用ChatGPT优化BlogDetailView代码，使用Computed生成博客内容
    12:04
  • 视频：
    6-5 -使用ChatGPT优化MyBlogsView代码，有几个“矫枉过正”的地方
    09:56
  • 视频：
    6-6 -使用ChatGPT优化CreateEditBlogView代码，拆分submit函数提高可读性
    10:31
  • 视频：
    6-7 -向ChatGPT咨询性能优化的建议，它能结合上下文给出全面回答
    06:55
  • 视频：
    6-8 -性能优化-配置路由懒加载，抽离公共代码
    12:40
  • 视频：
    6-9 -使用ChatGPT生成详细的测试用例，用于功能测试
    05:33
  • 图文：
    6-10 优化和测试 - 总结

本章介绍：

本章使用 ChatGPT 和 NotionAI 写文章，使用 Midjourney 和 Stable-Diffussion 画图，以及使用一帧秒创和腾讯智影制作视频。

第7章 AIGC 做副业，成本低 效率高
10 节｜56分钟
展开
  • 图文：
    7-1 章开始
  • 视频：
    7-2 -AIGC介绍，它很适合我们做副业
    09:51
  • 视频：
    7-3 -使用ChatGPT，五分钟写出一篇三千字的文章
    13:18
  • 视频：
    7-4 -NotionAI介绍，内嵌到富文本编辑器中的AI工具
    08:37
  • 视频：
    7-5 -NotionAI实战，快速写出一篇文章
    04:43
  • 视频：
    7-6 -使用Midjourney生成图片
    05:19
  • 视频：
    7-7 -使用Stable-Diffusion生成图片
    03:55
  • 视频：
    7-8 -使用一帧秒创，通过文本生成视频
    05:29
  • 视频：
    7-9 -使用腾讯智影，通过文本生成视频
    04:31
  • 图文：
    7-10 章总结

本章介绍：

本章讲解 AI 的风险和问题，包括版权、信息泄漏、诈骗等。

第8章 AI 的风险和问题
5 节｜14分钟
展开
  • 图文：
    8-1 章开始
  • 视频：
    8-2 -AI的版权问题
    04:18
  • 视频：
    8-3 -AI信息泄漏问题
    04:56
  • 视频：
    8-4 -AI诈骗问题
    04:01
  • 图文：
    8-5 章总结
本课程已完结
适合人群
软件开发人员
互联网从业者
对 AI 感兴趣的人员
技术储备
熟悉 HTML CSS JS（必须）
了解 Vue3 技术栈（必须）
对 AI 感兴趣（必须）
环境参数
Vue 3.3
双越
资深前端工程师， 已有104100个学生

骨灰级前端工程师，BAT架构师，PMP，开源编辑器 wangEditor（Github Star 15k+）的作者。资深面试官，在慕课网推出的前端面试课，已把很多同学送入大厂 。多年讲课经验，深受同学们喜爱，深入浅出是他的金字招牌，乐于分享，博客流量过百万。

不为别的，只为提升面试通过率
尽管课程时间很长，
但没关系，我们有老师的陪伴，
还有同学之间互相鼓励，彼此帮助，
完成学习后，还能获得慕课网官方认证的证书。
立即购买
声钟给了 好评
讲的很通俗易懂，适合想通过ai帮助提高开发者效率的人观看。
rarukuchaser给了 好评
还不错，对prompt讲解很清晰易懂，很实用
weixin_慕九州8125910给了 好评
挺好，讲的挺实用，不过内容好像不是很新，需要最新的版本介绍。
weixin_慕丝3379134给了 好评
内容实用通俗易懂,逻辑清晰
宝慕林9398604给了 好评
非常不错，值得推荐的好可成
慕莱坞7098870给了 好评
讲解很清晰，吐字清楚，画面高清
le_herisson给了 好评
学习中，老师讲得挺好的
慕盖茨9123128给了 好评
内容实用通俗易懂,逻辑清晰
查看 24 位同学评价
GPT入门到实战 数据平台+Web应用
活动到手价：¥337.00 领券加购减30
2门课 总价：¥367.00
加购物车
 课程介绍

程序员的 AI 启蒙课，ChatGPT 辅助开发 Vue3 项目

初级  · 838人报名 ¥199.00
课程介绍 

ChatGPT入门实战课 AI提效大数据开发平台建设

初级  · 249人报名 ¥168.00
基于ChatGPT多功能入门实战
活动到手价：¥597.00 领券加购减100
3门课 总价：¥697.00
加购物车
 课程介绍

程序员的 AI 启蒙课，ChatGPT 辅助开发 Vue3 项目

初级  · 838人报名 ¥199.00
课程介绍 

ChatGPT+AI技术项目实战，打造多端智能虚拟数字人

初级  · 271人报名 ¥199.00
课程介绍 

AI大语言模型 ChatGPT从0到1打造私人智能英语学习助手

初级  · 776人报名 ¥299.00
Vue从入门到智能化进阶
活动到手价：¥517.00 领券加购减30
2门课 总价：¥547.00
加购物车
 课程介绍

程序员的 AI 启蒙课，ChatGPT 辅助开发 Vue3 项目

初级  · 838人报名 ¥199.00
课程介绍 

Vue3入门与项目实战 掌握完整知识体系

初级  · 3360人报名 ¥348.00
查看更多
数据加载中...
查看更多好课
《程序员的 AI 启蒙课: ChatGPT 让你 1 人顶 3 人》的真实评价
内容实用：
9.58分
通俗易懂：
9.75分
逻辑清晰：
9.75分
综合评分：9.69分，共 24 人参与
声钟
给了 好评
讲的很通俗易懂，适合想通过ai帮助提高开发者效率的人观看。
rarukuchaser
给了 好评
还不错，对prompt讲解很清晰易懂，很实用
weixin_慕九州8125910
给了 好评
挺好，讲的挺实用，不过内容好像不是很新，需要最新的版本介绍。
weixin_慕丝3379134
给了 好评
内容实用通俗易懂,逻辑清晰
宝慕林9398604
给了 好评
非常不错，值得推荐的好可成
慕莱坞7098870
给了 好评
讲解很清晰，吐字清楚，画面高清
le_herisson
给了 好评
学习中，老师讲得挺好的
慕盖茨9123128
给了 好评
内容实用通俗易懂,逻辑清晰
luckyforever
给了 好评
good very so so
华哥玩编程
给了 好评
已有gpt提示词基础，学习参考意义不大
篇幅原因，只展示最近100条评价
￥199.00
立即购买
加购物车

学习咨询

选课、学习遇到问题？

扫码添加指导老师 1V1 帮助你！

添加后老师会第一时间解决你的问题

微信客服

购课补贴
联系客服咨询优惠详情

 帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

 公众号

扫描二维码
关注慕课网微信公众号