一、uni-app框架入门布局与多端真机调试（38课时）

1）商业级真实项目课程演示与资料下载说明

2）带领小白入门uniapp这个高效框架

3）uniapp的使用优势与开发场景优势

4）搭建项目环境案例用于安卓端和ios端的APP真机调试

5）搭建项目环境案例用于微信小程序端和支付宝小程序端进行实际的调试

6）介绍与学习该框架中的开发模式与基本语法

7）介绍uni-app构建项目的文件目录结构

8）页面的布局样式布局

9）核心配置文件的详细配置

10）后端接口的调用与数据的列表渲染

11）变量的作用域生命周期

12）发布到不同端的像素匹配说明

13）点击事件与数据绑定解析

14）数据展示与列表数据循环遍历展示

15）界面的响应式布局

16）各个元素的换行与对齐

17）Flex响应式布局入门与精通

18）flex里面的各个属性应用

图一：uni-app框架入门布局与多端真机调试网盘详情

二、商业级项目实战首页核心模块与搜索模块开发（53课时）

1）uniapp搭建完整的真实商业及项目实战环境

2）从首页等核心模块开始开发

3）首页的布局与顶部底部的导航栏设置

4）组件化开发定制各种通用组件

5）轮播图的动态展思路

6）轮播图的后端请求数据调用与前端展示

7）轮播图前端的动态效果实现

8）布局首页的核心模块展示

9）热门话题模块展示与电影模块展示

10）热门话题的发布

11）标题的编写与内容的编写

12）热门话题列表展示

13）首页端横向滚动下拉滚动等特效实现

14）运用uni-app组件化开发的思想完成首页核心模块组件化开发

15）开发自定义的视频组件完成视频的上传展示与点播

16）开发预告片组件完成预告片的后端调用与前端展示

17）开发自定义猜你喜欢组件

18）APP首页些点赞特效动画的效果实现

19）解决发布到各个终端兼容的问题

20）自定义搜索组建完成灵活的搜索模块开发

21）搜索框与搜索页的布局

22）点击搜索实现后端接口的调用与搜索页的列表展示

23）搜索页内容分页调取与分页展示

24）搜索列表页的样式布局

25）自定义电影评分模块组件

26）构建电影评分页面布局

图二：商业级项目实战首页核心与搜索模块详情

三、完整真实项目用户中心与电影端模块开发（44课时）

1）电影端核心模块开发

2）电影端页面各个组件进行布局

3）电影剧照上传与图片的展示

4）电影封面预览功能实现

5）实现用户对某个电影的转发与分享

6）电影预告片的上传与播放

7）优化视频播放效果

8）开发用户中心模块

9）用户中心核心布局与顶部底部的导航布局

10）登录注册页面布局

11）实现多种方式的登录效果

12）分别实现用户名密码登录手机号登录以及第三方登录

13）第三方授权登授权核心流程与实现思路

14）对接微信端实现微信端授权

15）拿到授权ID实现微信登录

16）uniapp实现用户中心的用户头像上传与预览

17）用户账号对应的个人资料昵称生日等信息修改

18）上传用户头像时如何实现图片在线剪裁

图三：完整真实项目用户中心与电影模块网盘视频详情

三、app与h5与安卓IOS与小程序多端部署发布上线

1）项目代码的测试与完善与打包部署上线

2）从零购买一个云服务器为打包部署做准备

3）对原生服务器进行配置与部署环境的搭建

4）H5端应用的部署

5）Ios与安卓端APP的详细部署

6）小程序端的打包部署流程

7）小程序审核步骤详解

图四：app与h5与安卓IOS与小程序多端部署发布上线

图五：商业级完整真实项目app端演示效果图