适用人群

具有Html+Css+JavaScript基础,有一定的Vue.js基础,挑战高薪职位

课程概述

本季度基于Nuxt3 + Vue3 + NaiveUI+ Vite实战开发在线教育SSR服务端渲染网站应用,其中包括Nuxt3的使用,Vue3全新的 <script setup> 语法,windicss,使用NaiveUI库、课程包括:图文,音频,视频,电子书、用户、直播、问答社区、考试、拼团秒杀、优惠券模块,微信扫码支付以及性能优化和部署服务器上线等知识等。

【课程演示】
课程演示地址:http://nuxt3.dishawang.com
有数据的演示账号:ceshi1,密码:ceshi1

【常见问题】
问题1:老师,这门课有涉及 Typescript 吗?
回答:靓仔,这门课没有加ts哦,主要是考虑到小白,打算下一门vue3的实战新课再加入

问题2:老师,这门课有讲后端开发吗?
回答:靓仔,只讲前端和前后端交互,不过会提供线上api接口和接口文档,另外 后端api源码 等课程完结之后也会共享到群文件中,同时也会提供后端api接口源码的部署教程。

目录

章节1:课程介绍试看
课时1视频课程介绍11:03可试看
章节2:创建nuxt3项目和配置试看
课时2视频创建nuxt3项目和安装vscode扩展05:12可试看
课时3视频引入NaiveUI和基本使用08:20可试看
课时4视频引入windicss样式库和配置02:03可试看
课时5视频windicss实战小案例和@apply简化代码08:39可试看
课时6视频自定义全局错误页面05:37可试看
课时7视频自定义全局loading实现16:21可试看
章节3:全局Layout布局开发试看
课时8视频主布局实现11:39可试看
课时9视频引入图标库和调用03:38
课时10视频公共头部开发-样式布局12:47
课时11视频头部菜单组件开发05:43
课时12视频跳转和动态路由页面设计13:12
课时13视频封装头部菜单组件05:22
课时14视频菜单组件激活状态匹配13:43
课时15视频公共底部开发04:03
章节4:首页模块开发
课时16视频首页数据交互07:28
课时17视频请求懒加载和缓存实现11:13
课时18视频轮播图组件开发10:36
课时19视频图片分类组件开发10:36
课时20视频广告位组件开发07:32
课时21视频公共列表组件开发(一)16:04
课时22视频价格组件封装07:12
课时23视频公共列表组件开发(二)07:21
课时24视频倒计时组件封装20:02
课时25视频页面标题描述和关键词配置09:01
课时26视频请求和响应拦截器封装10:56
课时27视频api接口方法统一管理(一)05:54
课时28视频api接口方法统一管理(二)07:17
课时29视频全局页面加载组件封装06:54
课时30视频骨架屏加载优化07:39
章节5:搜索模块开发
课时31视频搜索弹框组件开发(一)09:55
课时32视频搜索弹框组件开发(二)10:13
课时33视频搜索结果页中间件验证06:26
课时34视频自定义Tab标签页组件(一)-布局08:45
课时35视频自定义Tab标签页组件(二)-跳转事件04:28
课时36视频搜索结果页数据交互09:33
课时37视频自定义图片组件07:48
课时38视频搜索结果列表分页实现06:54
课时39视频Query参数刷新页面实现06:05
课时40视频结合组合式API封装全局分页方法08:08
课时41视频配置自动回到顶部04:03
课时42视频课程列表骨架屏加载优化06:16
章节6:用户模块开发
课时43视频登录注册页开发(一)-布局(1)07:40
课时44视频登录注册页开发(一)-布局(2)16:09
课时45视频登录注册页开发(二)-参数验证07:55
课时46视频登录功能交互实现(一)13:40
课时47视频登录功能交互实现(二)03:27
课时48视频全局共享用户状态信息07:30
课时49视频初始化用户状态实现(一)09:04
课时50视频初始化用户状态实现(二)08:47
课时51视频退出登录功能实现09:45
课时52视频注册交互功能实现04:27
课时53视频绑定手机号页开发-布局06:44
课时54视频发送验证码组件开发15:59
课时55视频绑定手机号功能交互05:21
课时56视频权限操作验证实现11:10
课时57视频忘记密码页开发-布局07:18
课时58视频忘记密码功能交互04:06
课时59视频游客权限中间件实现06:18
章节7:个人中心开发
课时60视频个人中心嵌套布局实现18:11
课时61视频学习记录页-数据交互07:15
课时62视频学习记录列表组件开发(一)13:12
课时63视频学习记录列表组件开发(二)06:27
课时64视频空数据时处理方案05:01
课时65视频购买记录页开发(一)10:10
课时66视频购买记录页开发(二)09:41
课时67视频我的考试页开发12:45
课时68视频我的帖子页开发(一)05:14
课时69视频我的帖子页开发(二)-帖子列表组件16:32
课时70视频点赞和取消点赞帖子功能12:26
课时71视频删除帖子功能实现10:44
课时72视频优惠券记录页开发(一)07:07
课时73视频优惠券记录页开发(二)15:08
课时74视频我的收藏页开发(一)10:14
课时75视频我的收藏页开发(二)09:42
课时76视频修改资料页开发(一)10:57
课时77视频修改资料页开发(二)09:04
课时78视频全局上传组件开发(一)09:38
课时79视频全局上传组件开发(二)09:06
课时80视频全局上传组件开发(三)14:26
章节8:课程模块开发(一)
课时81视频修改密码功能开发10:05
课时82视频其他设置页开发06:06
课时83视频课程列表分页实现08:38
课时84视频公共列表页中间件实现07:15
课时85视频课程详情页开发(一)09:44
课时86视频课程详情页开发(二)09:16
课时87视频课程详情页开发(三)07:00
课时88视频课程详情页开发(四)13:41
课时89视频收藏和取消收藏功能实现15:16
课时90视频免费学习功能实现08:01
章节9:优惠券模块开发
课时91视频领取优惠券弹框实现(一)10:43
课时92视频领取优惠券弹框实现(二)13:33
章节10:专栏模块开发
课时93视频专栏列表页开发04:16
课时94视频专栏详情页开发(一)13:01
课时95视频专栏详情页开发(二)10:32
课时96视频专栏详情页开发(三)07:40
章节11:电子书模块开发
课时97视频电子书列表组件开发10:54
课时98视频电子书列表页骨架屏优化06:05
课时99视频电子书详情页交互(一)06:08
课时100视频电子书详情页交互(二)07:54
课时101视频电子书阅读页开发(一)14:14
课时102视频电子书阅读页开发(二)05:00
课时103视频电子书阅读页开发(三)06:22
章节12:课程模块开发(二)
课时104视频音频播放器组件封装和引入14:53
课时105视频视频播放器组件封装和引入05:37
章节13:直播模块开发
课时106视频直播详情页开发11:35
课时107视频直播播放器组件开发06:51
章节14:订单和支付模块开发
课时108视频创建订单页开发(一)09:47
课时109视频创建订单页开发(二)10:00
课时110视频创建订单页开发(三)11:58
课时111视频选择可用优惠券功能15:30
课时112视频创建订单功能实现08:27
课时113视频微信扫码支付页(一)08:35
课时114视频微信扫码支付页(二)10:20
课时115视频生成二维码组件开发05:51
课时116视频微信扫码支付功能交互13:23
章节15:秒杀和拼团模块开发
课时117视频秒杀和拼团列表页开发02:41
课时118视频秒杀和拼团详情页开发(一)05:49
课时119视频秒杀和拼团详情页开发(二)15:51
课时120视频购买秒杀课程功能实现06:11
课时121视频发起拼团功能实现07:47
课时122视频等待拼团列表组件开发18:53
课时123视频加入拼团功能实现07:50
章节16:考试模块开发
课时124视频考试列表页开发(一)08:33
课时125视频考试列表页开发(二)05:58
课时126视频开始考试页开发-布局14:27
课时127视频单选和多选组件开发(一)12:47
课时128视频单选和多选组件开发(二)11:01
课时129视频填空和问答题组件开发12:57
课时130视频验证题目是否填写08:12
课时131视频自动跳转指定题目02:27
课时132视频放弃考试功能实现05:01
课时133视频交卷功能实现15:38
章节17:问答社区模块开发
课时134视频帖子列表页开发(一)11:12
课时135视频帖子列表页开发(二)03:58
课时136视频帖子列表页开发(三)09:36
课时137视频帖子详情页开发(一)09:59
课时138视频帖子详情页开发(二)10:08
课时139视频帖子评论列表组件开发(一)10:36
课时140视频帖子评论列表组件开发(二)10:07
课时141视频帖子评论功能实现14:44
课时142视频回复评论功能实现15:52
课时143视频发布帖子页开发18:05
课时144视频多图上传功能实现05:03
课时145视频发布帖子功能实现05:18
章节18:性能优化和部署上线
课时146视频部署前服务器环境搭建14:58
课时147视频购买域名和解析04:37
课时148视频打包压缩实现03:46
课时149视频项目部署上线
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。