uni-app从入门到进阶 系统完成项目实战课程介绍:
还在为没有项目经验而烦恼吗?本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ,真正做到从0开始,开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。
课程目录:
- 第1章 课程导学(此章节必看) 3 节 | 26分钟
- 介绍了整个课程的背景知识,项目简介,学习流程,可以掌握的知识点,以及学习方法和前置知识。
-
- 视频:1-1 导学(导学不看,损失百万) (15:48)
- 作业:1-2 【讨论题】为什么要选择 uni-app 作为我们的开发框架?
- 视频:1-3 应用效果展示与分析 (10:01)
- 第2章 倘想达到最高处,就要从低处开始 (uni-app 基础) 13 节 | 150分钟
- 本章主要帮助基础知识薄弱的同学简单入门小程序和uni-app。帮助大家掌握原生小程序基础 、uni-app基础使用方式和语法,为之后实战项目打下坚实的基础。
-
- 视频:2-1 hello 小程序–入门 微信小程序(上) (16:05)
- 视频:2-2 hello 小程序–入门 微信小程序(下) (14:06)
- 视频:2-3 uni-app 核心知识点概览 (09:42)
- 视频:2-4 搭建uni-app开发环境 (15:57)
- 视频:2-5 语法速通-模板语法与数据绑定 (14:45)
- 视频:2-6 语法速通-条件判断 (12:25)
- 视频:2-7 语法速通-列表渲染 (05:46)
- 视频:2-8 语法速通-基础组件 (09:55)
- 视频:2-9 语法速通-自定义组件 (13:13)
- 视频:2-10 语法速通-api与条件编译 (13:39)
- 视频:2-11 生命周期概述(上) (14:35)
- 作业:2-12 【讨论题】如何理解 uni-app 中的生命周期?
- 视频:2-13 生命周期概述(下) (09:51)
- 第3章 千里之行,始于足下 (基础配置)4 节 | 42分钟
- 本章主要讲解uni-app的项目配置、页面配置、目录结构、以及sass 的简单用法,项目的一开始,就需要从配置入手。配合上一章的基础内容,基本上可以完成一些基础开发。
-
- 视频:3-1 uni-app 项目配置 (11:11)
- 视频:3-2 目录结构概述 (10:08)
- 视频:3-3 配置项目底部选项卡 – tabbar 配置 (13:08)
- 视频:3-4 在uni-app中如何使用sass (07:12)
- 第4章 工欲善其事,必先利其器 (uniCloud 的基础用法) 8 节 | 57分钟
- 本章可以帮助我们正确的认识 uniCloud 云开发,从熟悉开始,到学会他的基础内容:如何配置环境、如何使用云函数、操作数据库等… 为后面我们的实战项目中 uniCloud的运用打下基础。
-
- 视频:4-1 认识 uniCloud开发 (06:26)
- 作业:4-2 【讨论题】到底需不需要学习 uniCloud?
- 视频:4-3 HBuilderX 中配置 uniCloud 环境 (03:45)
- 视频:4-4 使用 uniCloud web 控制台 (07:44)
- 视频:4-5 开始使用云函数 (10:09)
- 视频:4-6 云数据库的添加和删除 (08:53)
- 视频:4-7 数据库的更新和查找 (11:34)
- 视频:4-8 使用云储存上传文件 (07:37)
- 第5章 扬帆起航,胜利在向你招手 (首页功能模块)18 节 | 246分钟
- 本章正式开始进入项目,主要讲解首页功能模块的实现,包括了自定义导航栏的实现、字体图标的使用、数据的请求封装、选项卡组件化、内容列表组件话等,并使用 uniCloud 去开发相关的数据接口。
-
- 视频:5-1 项目初始化 (12:39)
- 视频:5-2 自定义导航栏 (13:44)
- 视频:5-3 导航栏适配小程序 (15:18)
- 视频:5-4 使用字体图标 (06:16)
- 视频:5-5 选项卡展示 (11:23)
- 视频:5-6 选项卡数据初始化 (09:25)
- 视频:5-7 封装数据请求 (18:06)
- 视频:5-8 选项卡切换 (05:16)
- 视频:5-9 基础卡片视图实现 (19:04)
- 视频:5-10 更多卡片视图实现 (10:08)
- 视频:5-11 实现内容切换 (09:17)
- 视频:5-12 选项卡与内容联动 (11:30)
- 视频:5-13 内容卡片数据初始化 (13:08)
- 视频:5-14 切换选项卡懒加载数据 (19:14)
- 视频:5-15 上拉加载更多(上) (12:00)
- 视频:5-16 上拉加载更多(下) (26:42)
- 视频:5-17 收藏按钮实现(上 ) (22:59)
- 视频:5-18 收藏按钮实现(下) (09:51)
- 第6章 做事是否快捷,不在一时奋发,而在能否持久(搜索页功能模块)5 节 | 68分钟
- 本章实现了搜索页功能模块,使用vuex + 本地储存实现数据持久化,同时还实现了导航栏组件复用与修改适配。
-
- 视频:6-1 搜索页导航栏修改 (16:10)
- 视频:6-2 使用vuex 管理历史记录 (15:31)
- 视频:6-3 搜索逻辑实现(上 ) (16:10)
- 视频:6-4 搜索逻辑实现(下) (10:08)
- 视频:6-5 搜索历史数据持久化 (09:43)
- 第7章 锲而不舍,金石可镂(标签页功能模块)5 节 | 63分钟
- 本章实现了标签页功能模块,使用uniCloud查询与上传数据,并讲解了自定义事件的使用。
-
- 视频:7-1 标签管理页布局样式 (11:10)
- 视频:7-2 标签页数据处理 (08:51)
- 视频:7-3 编辑标签页 (12:54)
- 视频:7-4 保存标签页数据 (12:30)
- 视频:7-5 使用自定义事件同步数据 (16:39)
- 第8章 坚持就是胜利,坚持才会有所成就(详情页功能模块)17 节 | 232分钟
- 本章实现了详情页面相关的功能模块,主要讲解了内容预加载 ,展示了详情到列表的最佳实践,实现了富文本如渲染、以及复杂的评论组件等。使用uniCloud 上传并管理数据。
-
- 视频:8-1 详情页页面展示 (19:35)
- 视频:8-2 内容预加载 (10:06)
- 视频:8-3 详情页面数据初始化 (15:33)
- 视频:8-4 富文本渲染 (05:38)
- 视频:8-5 发布窗口展示 (13:38)
- 视频:8-6 评论内容实现(1) (11:22)
- 视频:8-7 评论内容实现(2) (15:57)
- 视频:8-8 评论内容实现(3) (11:48)
- 视频:8-9 评论内容实现(4) (14:08)
- 视频:8-10 评论内容实现 (5) (13:25)
- 视频:8-11 评论内容实现(6) (24:34)
- 视频:8-12 关注作者(上) (12:14)
- 视频:8-13 关注作者(下) (07:48)
- 视频:8-14 文章的收藏与点赞(上) (14:14)
- 视频:8-15 文章的收藏和点赞(下) (10:03)
- 视频:8-16 评论列表(上) (16:29)
- 视频:8-17 评论列表(下) (15:22)
- 第9章 关注页功能模块5 节 | 65分钟
- 本章实现了关注页相关功能模块,本章的知识点大部分前面已经讲过,在完成当前页面的同时,巩固之前的部分知识点,不会边学边忘。
-
- 视频:9-1 关注页导航栏实现 (10:41)
- 视频:9-2 收藏文章内容实现 (14:52)
- 视频:9-3 收藏与首页内容关联 (13:51)
- 视频:9-4 关注作者页面实现 (12:23)
- 视频:9-5 同步关注作者页面数据 (12:26)
- 第10章 个人信息页功能模块6 节 | 77分钟
- 本章实现了个人信息页面相关莫能模块,主要讲解了图片上传、个人信息的数据处理等,完善前面章节缺少的个人信息相关逻辑。
-
- 视频:10-1 个人中心页面实现 (14:10)
- 视频:10-2 个人中心数据处理 (13:15)
- 视频:10-3 我的文章实现 (11:10)
- 视频:10-4 问题反馈页面实现 (10:28)
- 视频:10-5 反馈图片选择 (10:35)
- 视频:10-6 上传图片 (17:09)
- 第11章 积少成多,走向完善(项目优化与平台兼容)4 节 | 29分钟
- 本章主要讲解各端的平台差异,已经如何处理,完成所有的平台兼容问题。
-
- 视频:11-1 微信小程序优化与兼容 (12:00)
- 作业:11-2 【讨论题】uni-app的优化
- 视频:11-3 支付宝小程序优化与兼容 (10:24)
- 视频:11-4 其他平台优化与兼容 (05:41)
- 第12章 最后的冲刺,成功就在眼前(项目发行与打包)3 节 | 34分钟
- 本章主要讲解了各平台的发布与打包的相关知识 ,做好项目的上线前准备。
-
- 视频:12-1 h5端发行打包 (06:51)
- 视频:12-2 小程序端发行上传 (10:27)
- 视频:12-3 App 端发行打包 (16:40)
- 第13章 常常是最后一把钥匙打开了门(课程总结与展望)2 节 | 5分钟
- 本课程的回顾和总结以及展望。
-
- 视频:13-1 课程回顾与总结 (04:39)
- 作业:13-2 【讨论题】uni-app 的结课程讨论