《uni-app 制作抖音短视频多端APP》由锐亚教育前端技术研究中心研发制作,带领web前端新手从入门到精通的全栈课程,课程以跨平台技术Uniapp制作抖音短视开发为案例介绍前端开发的基础技术,重点介绍了多视频类app的常用组件,与视频服务器交互技术,本课程以Node.js为服务器端介绍如何搭建简单视频服务器技术与客户端交换技术
技术栈:
客户端:uniapp基础加实战,开发抖音短视频小程序
服务端:node.js基础加实战,利用koa框架搭建服务器
课程目录
第一章:初识uniapp
介绍视频 03:24
1-0课程介绍 01:39
1-1创建一个uni-app项目 10:31
1-2目录结构介绍 04:58
1-3页面样式与布局 17:00
1-4配置文件pages 15:25
1-5uni-app的生命周期 08:16
第二章:在uniapp中使用vue
2-1模板语法 09:17
2-2样式绑定 07:49
2-3事件绑定 06:50
2-4条件渲染 14:11
2-5列表渲染 07:37
2-6v-model的使用 11:52
2-7vue实例的生命周期 10:41
2-8计算属性,方法和监听 18:58
2-9父子组件传值 12:53
2-10组件参数校验 05:15
第三章:uniapp的组件
3-1uni-app基础组件讲解 15:45
3-2uni-APP表单组件讲解 16:04
3-3uni-app导航与页面传参 11:06
3-4媒体组件 14:44
第四章:uniapp的接口
4-1基础api讲解 12:43
4-2网络请求 10:38
4-3路由与页面跳转 07:32
4-4数据缓存 22:02
4-5媒体相关 14:26
4-6设备相关 24:15
4-7界面相关 23:43
4-8页面与窗体 10:58
4-9跨端兼容 06:08
4-10分享 06:20
4-11subNVue原生子窗体 24:14
第五章:抖音短视频类小程序首页开发
5-1创建一个新的项目 09:27
5-2开发底部自定义tab栏 09:11
5-3uni-app中使用iconfont图标 12:38
5-4uni-app首页导航栏开发 12:19
5-5创建视频列表组件 07:23
5-6创建视频播放组件 09:07
5-7完善视频播放组件 11:36
5-8请求模拟的json数据 20:09
5-9完善json数据 10:50
5-10视频列表组件左侧信息栏开发 15:04
5-11视频列表组件右侧图标栏开发 22:37
5-12视频列表页面添加css动画 12:02
5-13视频列表页利用js添加特效 14:17
5-14添加滑动播放视频功能 23:34
5-15父组件调用子组件方法 16:19
5-16添加播放、暂停当前视频功能 08:26
5-17添加双击事件 15:32
5-18控制首个视频自动播放 08:07
5-19动态渲染视频信息 07:41
第六章:城市页面开发
6-1创建城市页面 21:29
6-2完善城市页面布局 13:27
第七章:城市选择页面开发
7-1创建城市选择页面 14:14
7-2城市列表组件开发 15:42
7-3热门城市部分开发 14:03
7-4切换城市页面城市列表部分开发 20:34
7-5切换城市页面字母表布局 14:02
7-6城市联动 15:39
7-7字母表滑动选择 14:12
7-8修改当前城市 21:16
第八章:关注页面开发
8-1关注页面开发 17:09
8-2关注页面视频列表开发 20:53
8-3关注页面布局 20:50
8-4完善关注页面视频列表组件 20:32
8-5创建好友页面 28:09
8-6关注页面动态播放视频 23:18
8-7优化自动播放功能 18:16
第九章:消息页面开发
9-1创建消息 页面 11:35
9-2消息页面布局 26:46
9-3利用列表渲染渲染消息页面 13:02
第十章:个人页面开发
10-1创建个人页面 15:10
10-2开发个人信息组件 14:25
10-3个人信息组件布局 19:27
10-4完善个人页面信息部分 18:18
10-5创建个人页面视频列表组件 19:06
10-6实现切换视频列表功能 26:11
第十一章:编辑资料页面开发
11-1创建编辑个人资料界面 16:38
11-2个人资料页面布局 13:51
11-3添加修改头像功能 08:34
11-4添加修改昵称功能 19:20
11-5完善修改昵称功能 21:10
11-6添加修改抖音号功能 23:41
11-7添加修改简介功能 16:33
11-8添加修改其他信息功能 22:25
第十二章:项目功能完善
12-0.解决一个学员发现的小bug 07:16
12-1创建视频播放界面 21:50
12-2创建用户界面 25:25
12-3创建评论界面 13:32
12-4评论界面布局 26:16
12-5项目发布上线 05:28
移动应用打包
APP安卓打包 07:54
文本APP苹果端打包
第十三章:抖音短视频后台开发Node.js基础
13-1介绍node.js 04:40
13-2环境搭建 08:01
13-3REPL环境基础指令 06:43
13-4node中的global 07:09
13-5模块化 20:57
13-6模块对象 23:42
13-7模块类型 15:00
13-8非路径加载机制 12:41
13-9核心模块 05:25
13-10Event模块 14:18
13-11Process模块 20:27
13-12Process标准输入输出流 10:52
13-13Buffer 24:00
13-14FileSystrm 24:03
13-15利用fs实现文件删除 19:06
13-16文件监听 11:17
13-17案例:自动构建项目工具 17:50
13-18npm的基本使用 18:44
13-19自定义模块发布 18:24
13-20使用node搭建服务器 16:38
13-21request对象 13:36
13-22response对象 13:13
13-23url模块 16:04
13-24使用fs模块读取页面内容 11:27
13-25querystring的使用 19:11
13-26网络传输协议-udp 19:59
13-27网络传输协议-tcp 18:33
13-28利用tcp实现文件传输 18:47
第十四章:koa框架
14-1koa框架介绍 22:51
14-2koa框架的api 22:27
14-3koa-static-cache 20:14
14-4koa-router 28:03
14-5koa-swig 25:24
14-6案例:todolist 29:14
14-7动态渲染 13:18
14-8利用静态文件添加样式(换肤功能)17:06
14-9表单提交数据 35:47
14-10修改与删除 29:30
14-11案例todolist客户端渲染数据库版 20:31
14-12接口 18:42
14-13添加css样式 35:04
14-14添加与删除 18:36
14-15数据持久化 11:51
14-16mysql数据库安装与使用 17:04
14-17数据库讲解 18:13
14-18MySQL2 09:55
14-19请求数据库中的数据)23:42
14-20sql语句占位符的使用 45:33
第十五章:后台开发
15-1搭建一个服务器 14:02
15-2创建一个数据库 18:30
15-3前后端交互 12:14
15-4编写video接口 12:59
15-5在数据库中添加一个表 22:24
15-6修改个人资料界面 30:07
15-7后台用户接口调用 31:01
15-8添加上传功能 32:17
15-9上传视频 10:34
第十六章:课程补充
16-1设置全局变量 11:31
16-2同步请求 06:46
16-3手机无法请求到服务器的解决办法 01:51
16-4本套课程开发工具的下载
解压密码:vooc.cn_uniapp_douyin