时间

主题

内容

第一天

上午

8:30-11:30

课程总体概述

1. Uni-app是什么，为什么要用uni-app

2. App多端发布效果展示

3. 安装环境HbuilderX等

4. 项目介绍

下午

13:30-16:30

框架基础

1、 简述MVC模式

2、 MVVM模式介绍

3、 MVVM与双向绑定

4、 JSON对象和数组的渲染

5、 页面路由以及配置文件讲解

6、 前端框架应用的生命周期

第二天

上午

8:30-11:30

Vue基础语法

1、 v-bind指令对属性的数据绑定

2、 基础事件讲解

3、 条件渲染 v-if与v-show

4、 条件渲染 三元运算

5、 列表渲染v-for的使用

6、 指令key实现for循环的组件唯一性

7、 嵌套循环的下标定义

8、 条件编译

下午

13:30-16:30

样式与布局1

1、 布局介绍与模型

2、 布局选型以及flex布局介绍

3、 flex-direction 元素的排列4种方向

4、 外部css样式导入方式

5、 flex-wrap 元素的换行

6、 justify-content 元素在主轴的对齐方式

7、 align-items 元素在交叉轴的对齐方式

第三天

上午

8:30-11:30

样式与布局2

1. align-content 多轴线的对齐方式

2. flex成员项的属性 – order

3. flex成员项的属性 - flex-grow

4. flex成员项的属性 - flex-shrink

5. flex成员项的属性 - flex-basis

6. flex成员项的属性 - align-self

下午

13:30-16:30

项目开发-首页1

1. 创建项目，构建基础页面更改

2. 构建tabbar设置全局page，简述view组件

3. 使用轮播图组件

4. 禁用原生导航栏达到页面全屏化

5. uni.request动态获得轮播图数据

6. 渲染并且展示轮播图

7. 引入组件实现全局变量

8. 使用挂载实现全局变量

第四天

上午

8:30-11:30

项目开发-首页2

1. 微信小程序https使用事项

2. 简述scroll-view使用scroll-view实现横向滚动

3. 海报与标题以及评分制作

4. 动态渲染数据

5. 开发自定义组件

6. 父组件向自定义组件传入值

7. 动态渲染预告片

8. flex布局嵌套编写

9. 点赞css编写实现点赞动画效果

10. 动态渲染列表实现动画数组

11. 开启下拉刷新loading交互api

下午

13:30-16:30

项目开发-搜索及详情页

1. 编写搜索栏编写预告片列表、搜索栏置顶

2. 动态获取最新预告并且渲染

3. 分页接口api讲解

4. 搜索前置准备执行搜索动态渲染

5. 监听下拉实现分页功能

6. 页面路由api与传参页面跳转组件的使用

7. 构建评分快与阴影效果

8. 解决错误数据绑定undefined

9. 通过预览api实现剧照预览

10. 电影详情页构建下载以及保存图片分享到朋友圈微信开放平台简单介绍

第五天

上午

8:30-11:30

项目开发-我的页面开发

1. 用户退出登录

2. 第三方登录讲解与页面构建

3. 第三方登录-小程序端实现微信登录

4. 第三方登录-后端登录业务梳理

5. 第三方登录-app端授权登录

6. 第三方登录-app端获取用户唯一id及信息

7. 第三方登录-app端执行一键注册登录

8. 文件上传api与后端接口讲解

9. token令牌讲解、实现头像上传

10. 引入图片剪裁实现头像上传

下午

13:30-16:30

项目发布与上线

1、 打包H5 web应用

2、 云服务选型以及使用

3、 配置安全组，重置密码，上传nginx，配置SSH

4、 安装nginx

5、 成功发布H5端web应用

6、 微信小程序上传审核流程讲解

7、 打包安卓apk简述ios打包

8、 课程总结