收藏

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

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

uni-app实战 以项目为导向 掌握完整开发流程

已完结 难度 入门 时长 19小时 学习人数 1104 综合评分 9.97
  • 第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 的结课程讨论
本课程已完结


讲师

慕村6345035... Web前端工程师

6 年互联网开发经验,目前就职某知名互联网公司,精通 uni-app 框架、vue框架,以及其他uni生态,擅长复杂的前端交互,对制作轮子有深入的研究以及经验。乐于分享与交朋友。

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题