首页 实战 程序员的 AI 启蒙课，ChatGPT 辅助开发 Vue3 项目 章节目录
收藏

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

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

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

优惠到手 ￥179
原价￥199.00
满1788减540 满1188减320 满888减220 满688减150 满488减100 满288减50 满188减20

更多

已完结 难度 初级 时长 10小时 学习人数 847 综合评分 9.69
立即购买 加购物车
立即购买 加购物车
优惠到手￥179
  • 第1章 课程简介 & 正确看待 AI 试看 2 节 | 16分钟

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

    收起列表

    • 视频： 1-1 -导学 (04:41) 试看
    • 视频： 1-2 -理性认识AI-它是一个工具，它需要主人 (10:42)
  • 第2章 认识常用 AI 工具，入门到实战 16 节 | 109分钟

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

    收起列表

    • 图文： 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 章总结
  • 第3章 使用 ChatGPT 写项目需求，设计技术方案 12 节 | 77分钟

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

    收起列表

    • 图文： 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 章总结
  • 第4章 项目开发 part1（以 ChatGPT 为主） 15 节 | 114分钟

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

    收起列表

    • 图文： 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分钟

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

    收起列表

    • 视频： 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 项目开发 - 总结
  • 第6章 使用 ChatGPT 做项目优化和测试 10 节 | 80分钟

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

    收起列表

    • 图文： 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 优化和测试 - 总结
  • 第7章 AIGC 做副业，成本低 效率高 10 节 | 56分钟

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

    收起列表

    • 图文： 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 章总结
  • 第8章 AI 的风险和问题 5 节 | 14分钟

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

    收起列表

    • 图文： 8-1 章开始
    • 视频： 8-2 -AI的版权问题 (04:18)
    • 视频： 8-3 -AI信息泄漏问题 (04:56)
    • 视频： 8-4 -AI诈骗问题 (04:01)
    • 图文： 8-5 章总结
本课程已完结

试看

全部试看小节



讲师

双越 Web前端工程师

骨灰级前端工程师，BAT架构师，PMP，项目技术负责人，开源编辑器 wangEditor的作者。多年讲课经验，深受同学们喜爱，深入浅出是他的金字招牌。出的面试课已成功将很多同学送入大厂。乐于分享，博客流量过百万。

课程预览

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定
重新观看
微信客服

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

 帮助反馈 APP下载

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

 公众号

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

学习咨询

选课、学习遇到问题？

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

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