收藏

uni-app 开发企业级小程序

专门为小程序0基础学员而设,让你拥有能上线的作品

2021最新版 uni-app从入门到进阶 系统完成项目实战

难度 初级 时长 22小时 学习人数 144 综合评分 10.00

2021最新版 uni-app从入门到进阶 系统完成项目实战

  • 第1章 课程介绍(了解本课程必看) 试看 1 节 | 16分钟

    本章介绍了整个课程的背景,对课程内容、知识点、授课过程进行引导性。

    收起列表

    • 视频: 1-1 导学 (15:50) 试看
  • 第2章 小程序初体验 15 节 | 88分钟

    本章我们将会从小程序基础开始,帮助大家快速了解小程序开发的基础概念,为后面的课程学习打好基础。

    收起列表

    • 视频: 2-1 开篇介绍 (01:28)
    • 视频: 2-2 小程序开发前的准备 (04:23)
    • 视频: 2-3 开发第一个小程序应用 (06:43)
    • 视频: 2-4 了解小程序项目的基本组成结构 (08:20)
    • 视频: 2-5 wxml VS html (07:36)
    • 视频: 2-6 wxss VS css (08:15)
    • 视频: 2-7 .json文件 (04:57)
    • 视频: 2-8 宿主环境与小程序的运行环境 (04:48)
    • 视频: 2-9 小程序内置组件-view (07:48)
    • 视频: 2-10 小程序内置组件-scrollView (07:46)
    • 视频: 2-11 小程序内置组件-swiper (04:43)
    • 视频: 2-12 小程序内置组件-text&&rich-text (04:36)
    • 视频: 2-13 小程序内置组件-button-image (07:04)
    • 视频: 2-14 小程序成员管理 (03:38)
    • 视频: 2-15 小程序发布流程 (05:47)
  • 第3章 小程序核心语法 21 节 | 225分钟

    本章讲解小程序中的核心语法,主要包括:数据驱动思想、渲染机制、配置方案、异步解决方案 等等....

    收起列表

    • 视频: 3-1 开篇介绍 (01:29)
    • 视频: 3-2 小程序的数据驱动原则 (13:00)
    • 视频: 3-3 小程序的常用事件与属性列表 (12:34)
    • 视频: 3-4 小程序的事件传参 (11:14)
    • 视频: 3-5 实现【双向数据绑定】 (12:57)
    • 作业: 3-6 【任务题】实现双向数据绑定功能
    • 作业: 3-7 【讨论题】数据驱动
    • 视频: 3-8 条件渲染 (12:49)
    • 视频: 3-9 列表渲染 (14:09)
    • 视频: 3-10 配置文件解读 (25:41)
    • 视频: 3-11 数据请求 (21:02)
    • 视频: 3-12 异步编程新方案 - promise(1) (13:24)
    • 视频: 3-13 异步编程新方案 - promise(2) (09:28)
    • 作业: 3-14 【讨论题】异步编程
    • 视频: 3-15 异步编程再升级-async和await (09:38)
    • 作业: 3-16 【任务题】异步编程
    • 视频: 3-17 小程序使用 promise 解决异步编程 (10:40)
    • 视频: 3-18 小程序页面的生命周期 (16:00)
    • 视频: 3-19 PullToRefresh下拉刷新与上拉加载 (19:26)
    • 视频: 3-20 小程序的页面跳转 (18:38)
    • 视频: 3-21 总结 (02:26)
  • 第4章 小程序进阶概念 10 节 | 92分钟

    本章我们将更深一步的学习小程序的内容,以小程序的组件为主,主要讲解:组件化思想、数据通讯方案、组件生命周期、插槽 等等...

    收起列表

    • 视频: 4-1 开篇 (02:17)
    • 视频: 4-2 什么是组件化思想 (04:38)
    • 视频: 4-3 创建第一个组件 (08:19)
    • 视频: 4-4 组件的生命周期 (15:24)
    • 视频: 4-5 数据监听器 (11:27)
    • 视频: 4-6 组件之间的关系与通讯(上) (11:44)
    • 视频: 4-7 组件之间的关系与通讯(下) (18:22)
    • 视频: 4-8 组件的插槽 (15:51)
    • 视频: 4-9 总结 (03:15)
    • 作业: 4-10 【任务题】热搜列表实现
  • 第5章 uniapp开发ImoocBlog 试看 36 节 | 246分钟

    在本章节中,我们将会通过 uni-app 创建《慕课热搜》项目,并开发【热搜】页面。同时我们将会封装多个功能组件,比如:search 按钮组件、tabs 切换组件、列表业务组件,并会完成 tabs 与 列表的联动功能。

    收起列表

    • 视频: 5-1 开 篇 (01:58) 试看
    • 视频: 5-2 uniapp难吗? (03:12)
    • 视频: 5-3 配置uniapp开发环境 (06:24)
    • 视频: 5-4 创建 imooc-blog (08:57)
    • 视频: 5-5 运行项目到 微信开发者工具 (06:34)
    • 视频: 5-6 使用 VSCode 开发 uniapp (04:24)
    • 视频: 5-7 创建与配置 tabbar- (10:54)
    • 视频: 5-8 警告与错误处理 (05:50)
    • 视频: 5-9 热搜页面分析 (01:08)
    • 视频: 5-10 认识 .vue 文件结构与 logo 图片展示 (08:54)
    • 视频: 5-11 创建搜索框组件 (15:57)
    • 视频: 5-12 tabs组件 - 创建并分析 `my-tabs` 组件 (05:49)
    • 视频: 5-13 tabs组件 - 封装网络请求 (11:09)
    • 视频: 5-14 tabs组件 - 进行基本的数据展示 (09:16)
    • 视频: 5-15 tabs组件 - 美化样式 (05:31)
    • 视频: 5-16 tabs组件 - 设置激活项 (08:22)
    • 视频: 5-17 tabs组件 - 定义滑块 (03:22)
    • 视频: 5-18 tabs组件 - 实现滑块的滚动 - 01 (07:21)
    • 视频: 5-19 tabs组件 - 实现滑块的滚动 - 02 (16:35)
    • 视频: 5-20 tabs组件 - scrollView 的点击位移 (04:01)
    • 视频: 5-21 tabs组件 - 增加可配置项 (05:07)
    • 视频: 5-22 List 组件 - 分析 List 组件 (03:58)
    • 视频: 5-23 List 组件 - 使用 mock 数据,构建 List 的基本结构 (08:35)
    • 视频: 5-24 List 组件 - 美化 item 样式 (10:15)
    • 视频: 5-25 List 组件 - 根据 tab 的切换,获取真实数据 (14:30)
    • 视频: 5-26 List 组件 - 渲染真实数据 (13:04)
    • 视频: 5-27 List 组件 - 通过 swiper 改造List (07:02)
    • 作业: 5-28 【讨论题】通过 swiper 改造List遇到的坑
    • 视频: 5-29 List 组件 - 解决列表高度展示错误的问题 (11:53)
    • 视频: 5-30 List 组件 - 解决 切换 `tab` 时的 `list` 的卡顿问题 (05:31)
    • 视频: 5-31 List 组件 - `swiper` 和 `tabs` 联动 (03:36)
    • 视频: 5-32 List 组件 - tabs 中滑块跟随滚动 (03:06)
    • 视频: 5-33 完成 `tabs` 的吸顶效果 (02:48)
    • 视频: 5-34 控制列表滚动位置 (03:58)
    • 视频: 5-35 List 组件 - 处理热度的显示 (04:30)
    • 视频: 5-36 总 结 (02:24)
  • 第6章 文章搜索页面 20 节 | 123分钟

    文章搜索将被分为三部分进行处理,那么我们应该如何在一个页面组件中展示三部分内容呢?列表的分页加载又应该如何处理,多样式的 item 又应该组合?搜索历史数据的存储逻辑又是什么?以上内容,尽在本章。

    收起列表

    • 视频: 6-1 开 篇(添加片头) (00:45)
    • 视频: 6-2 文章搜索 - 分析文章搜索页面 (03:38)
    • 视频: 6-3 文章搜索 - 使用分包,创建 `search-blog` 页面 (08:40)
    • 视频: 6-4 文章搜索 - 完成跳转,渲染搜索框 (04:29)
    • 视频: 6-5 文章搜索 - 为 `my-search` 组件赋予搜索的能力-1 (12:43)
    • 视频: 6-6 文章搜索 - 为 `my-search` 组件赋予搜索的能力-2 (12:37)
    • 视频: 6-7 文章搜索 - 显示推荐搜索 (02:55)
    • 视频: 6-8 文章搜索 - 创建三个业务组件 (05:41)
    • 作业: 6-9 【任务题】控制业务组件的展示效果
    • 视频: 6-10 文章搜索 - 控制业务组件的展示效果 (14:52)
    • 视频: 6-11 热搜列表 - 数据获取 (03:49)
    • 视频: 6-12 热搜列表 - 数据展示 (10:24)
    • 视频: 6-13 热搜列表 - 热搜点击处理 (03:50)
    • 视频: 6-14 搜索历史 - 渲染基本结构 (07:08)
    • 视频: 6-15 搜索历史 - 美化基本样式 (07:37)
    • 视频: 6-16 搜索历史 - 保存历史数据到 `searchData` (10:16)
    • 视频: 6-17 搜索历史 - 处理 `searchData` 的删除操作 (09:27)
    • 作业: 6-18 【讨论题】构建良好代码结构遇到的“问题”?
    • 视频: 6-19 搜索历史 - 找出现在的问题 (02:20)
    • 视频: 6-20 总 结 (01:09)
  • 第7章 全局状态管理 18 节 | 113分钟

    什么是全局状态管理模式,什么又是全局状态管理工具?状态是什么?它的应用场景又是什么?我们如何通过模块化的方式来管理全局状态?如果你想知道这些,那就来看本章节的内容吧!

    收起列表

    • 视频: 7-1 开篇 (00:53)
    • 视频: 7-2 状态管理 - 全局状态管理工具 (06:15)
    • 视频: 7-3 状态管理 - 在项目中导入 vuex (03:09)
    • 视频: 7-4 状态管理 - 测试 vuex 是否导入成功 (07:34)
    • 视频: 7-5 状态管理 - 构建 search 模块 (05:47)
    • 视频: 7-6 状态管理 - 使用 search 模块完成搜索历史管理 (05:58)
    • 视频: 7-7 状态管理 - 数据持久化 (06:15)
    • 视频: 7-8 搜索结果 - 获取搜索结果数据 (05:27)
    • 视频: 7-9 搜索结果 - 渲染搜索结果数据 (14:19)
    • 作业: 7-10 【讨论题】 item 渲染
    • 视频: 7-11 搜索结果 - 处理相对时间 (13:17)
    • 视频: 7-12 搜索结果 - 高亮搜索结果关键字 (08:53)
    • 视频: 7-13 搜索结果 - 介绍并使用 mescroll-uni 组件 (14:35)
    • 视频: 7-14 搜索结果 - 实现下拉刷新上拉加载功能 (10:05)
    • 视频: 7-15 搜索结果 - 处理空数据场景 (05:43)
    • 作业: 7-16 【讨论题】下拉刷新、上拉刷载
    • 视频: 7-17 文章搜索 - 细节修复 (02:58)
    • 视频: 7-18 总 结 (01:20)
  • 第8章 文章详情模块开发 21 节 | 134分钟

    rich-text 可以处理复杂的富文本展示与渲染吗?复杂富文本的渲染核心思路又是什么?如果让你实现文章详情的换肤功能,你应该如何思考这个问题?评论的逻辑切换又是什么?以上内容,尽在本章

    收起列表

    • 视频: 8-1 开 篇(加片头) (03:12)
    • 视频: 8-2 文章详情 - 点击进入文章详情页面 (07:28)
    • 视频: 8-3 文章详情 - 获取文章详情数据 (11:15)
    • 视频: 8-4 文章详情 - 分析并渲染文章详情的基本结构 (06:05)
    • 视频: 8-5 文章内容 - 美化文章内容区域 (08:41)
    • 视频: 8-6 文章内容 - 分析文章内容的样式实现 (04:21)
    • 视频: 8-7 文章内容 - 实现文章内容的样式渲染 (23:05)
    • 作业: 8-8 【讨论题】文字太小是怎么回事?
    • 视频: 8-9 文章内容 - 解决字体过小的问题 (06:03)
    • 作业: 8-10 【讨论题】渲染
    • 视频: 8-11 评论列表 - 获取评论列表数据 (07:10)
    • 视频: 8-12 评论列表 - 渲染评论列表(精简评论) (10:14)
    • 视频: 8-13 评论列表 - 美化评论列表 (08:18)
    • 视频: 8-14 评论列表 - 渲染全部评论列表 (07:57)
    • 视频: 8-15 评论列表 - 完成全部评论的分页加载 (07:28)
    • 视频: 8-16 评论列表 - 处理数据加载完成的提示 (04:45)
    • 视频: 8-17 功能区域 - 封装功能组件 (05:43)
    • 视频: 8-18 功能区域 - 样式美化 (04:24)
    • 视频: 8-19 功能区域 - 增加 `my-search` 的样式适配 (04:12)
    • 视频: 8-20 明确功能业务 (02:02)
    • 视频: 8-21 总 结 (01:29)
  • 第9章 用户登录 20 节 | 111分钟

    我们应该如何处理多个登录页面的相同业务逻辑?当我们需要进行登录判定的时候,我们应该如何进行代码实现,才能让我们的代码达到可复用、可扩展的目的?微信的一键登录方式又是什么?登录之后的用户状态如何进行保存和传递?如果你想知道这些,那就来看本章节的内容吧!...

    收起列表

    • 视频: 9-1 开 篇 (02:26)
    • 视频: 9-2 用户登录 - 登录页面基本样式 (04:38)
    • 视频: 9-3 用户登录 - 封装登录组件 (02:52)
    • 视频: 9-4 用户登录 - 明确登录的实现思路 (04:52)
    • 视频: 9-5 用户登录 - 封装 action 调用登录接口 (11:07)
    • 视频: 9-6 用户登录 - 保存用户登录状态 (07:32)
    • 视频: 9-7 用户登录 - 完成已登录的用户视图 (04:06)
    • 视频: 9-8 用户登录 - 实现退出登录功能 (05:36)
    • 视频: 9-9 用户登录 - 判断用户登录状态 (04:35)
    • 视频: 9-10 用户登录 - 新建登录页面,处理当前场景 (11:46)
    • 视频: 9-11 用户登录 - 监听登录成功的状态,返回之前页面 (03:48)
    • 视频: 9-12 用户登录 - 处理登录时无 loading 的 bug (01:43)
    • 视频: 9-13 文章操作 - 关注用户 (09:03)
    • 视频: 9-14 文章操作 - 处理发表评论的 UI (11:00)
    • 视频: 9-15 文章操作 - 处理评论框的显示问题 (09:54)
    • 视频: 9-16 文章操作 - 发表评论 (07:18)
    • 视频: 9-17 文章操作 - 回显评论数据 (04:57)
    • 视频: 9-18 文章操作 - 关于点赞和收藏的功能实现 (01:21)
    • 作业: 9-19 【任务题】实现文章的点赞和收藏功能
    • 视频: 9-20 章总结 (01:29)
  • 第10章 热播模块 16 节 | 80分钟

    视频播放如何进行实现?如何添加用户新的弹幕内容到视频中呢?如何让我们的弹幕可以展示多种颜色?以上内容,尽在本章

    收起列表

    • 视频: 10-1 开篇 (03:01)
    • 视频: 10-2 热播列表 - 获取热播列表数据 (03:43)
    • 视频: 10-3 热播列表 - 渲染UI结构 (10:12)
    • 视频: 10-4 热播列表 - 列表的下拉刷新与上拉加载 (08:42)
    • 视频: 10-5 热播列表 - 点击进入详情页 (03:05)
    • 视频: 10-6 热播详情 - 渲染详情页面的视频组件 (10:46)
    • 视频: 10-7 热播详情 - 展示视频弹幕 (06:34)
    • 视频: 10-8 热播详情 - 渲染全部弹幕模块 (04:44)
    • 视频: 10-9 热播详情 - 渲染底部功能区 (06:56)
    • 视频: 10-10 热播详情 - 发布弹幕 (07:19)
    • 视频: 10-11 热播详情 - 解决弹幕不显示的问题 (03:06)
    • 视频: 10-12 热播详情 - 定义弹幕的随机颜色值 (03:21)
    • 视频: 10-13 热播详情 - 处理弹幕列表数据加载动画 (04:03)
    • 视频: 10-14 热播详情 - 点赞、收藏的实现思路 (01:25)
    • 作业: 10-15 【任务题】热播中点赞与收藏的实现
    • 视频: 10-16 总结 (02:06)
  • 第11章 多平台适配 10 节 | 35分钟

    uni-app 秉承一次开发,多端运行的理念,那么是不是代表我们什么都不要做了呢?如果我们要进行多平台适配那么我们需要注意哪些内容呢?平台的适配越多,代表我们的成本越高,那么我们如何判断我们需要适配哪些平台呢?如果你想知道这些,那就来看本章节的内容吧!...

    收起列表

    • 视频: 11-1 开篇 (01:52)
    • 视频: 11-2 uniapp 中的条件编译 (06:00)
    • 视频: 11-3 多平台适配 - `tabs` 置顶效果消失 (04:17)
    • 视频: 11-4 多平台适配 - 火狐浏览器处理粗滚动条 (03:09)
    • 视频: 11-5 多平台适配 - `ui` 错乱 与 文章详情无法展示 (03:25)
    • 视频: 11-6 多平台适配 - 文章详情样式处理 (02:37)
    • 视频: 11-7 多平台适配 - 热播视频全部无法播放 (07:03)
    • 视频: 11-8 多平台适配 - 一键登录功能 (04:54)
    • 视频: 11-9 总结 (01:41)
    • 作业: 11-10 【讨论题】多平台适配问题
  • 第12章 项目发布 4 节 | 9分钟

    演示 uni-app 的项目打包方式。

    收起列表

    • 视频: 12-1 开 篇 (00:46)
    • 视频: 12-2 打包微信小程序 (02:37)
    • 视频: 12-3 打包 h5 页面 (03:51)
    • 视频: 12-4 总 结 (00:53)
  • 第13章 课程总结 1 节 | 2分钟

    本章作为课程的最后一章,将带你整体梳理课程所学的内容,提供一些后续的学习建议,在课程问答区老师等着与你进一步交流。

    收起列表

    • 视频: 13-1 课 程 总 结 (01:24)
本课程已完结

试看

全部试看小节



讲师

Sunday 全栈工程师

高级技术专家,曾就职于国内一线互联网公司,统筹过的多个大型项目用户数已过千万级。致力于研究大前端技术,多次受邀参加国内前端技术分享会,如:2018 年Google 中国技术分享会。

讲师其他课程

课程预览

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

学习咨询

选课、学习遇到问题?

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

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