uni-app 快速入门 从零开始实现新闻资讯类跨端应用

从零开始实现IT资讯分享平台的跨端应用，带你高效开发，无缝衔接工作

〖课程介绍〗:

•   本课程由uni-app开发者团队成员亲授，带领大家无障碍快速掌握完整的uni-app跨端应用流程。并且搭配最佳的生态工具，HBuilderX和uniCloud，体验高效全栈开发，敏捷开发思路与技巧，带你时刻走在技术前沿。
• 
• 〖课程目录〗:
  • 第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 的结课程讨论