课程简介：

还在为没有项目经验而烦恼吗？本课程从小程序基础语法、上线流程、数据驱动、uni-app开发、多平台适配、到最终项目发布 ，真正做到从0开始，开发一个属于自己的、能够上线的、高质量小程序项目。帮你解决快速积累项目经验、扩展新技能、提升薪资的问题。







目录：

第1章 课程介绍(了解本课程必看)

  • 视频：1-1 导学(15:50)

第2章 小程序初体验

  • 视频：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章 小程序核心语法

  • 视频：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 重要：icode获取方法.assets

  • 视频：3-13 异步编程新方案 – promise（1）(13:24)

  • 视频：3-14 异步编程新方案 – promise（2）(09:28)

  • 作业：3-15 【讨论题】异步编程

  • 视频：3-16 异步编程再升级-async和await(09:38)

  • 作业：3-17 【任务题】异步编程

  • 视频：3-18 小程序使用 promise 解决异步编程(10:40)

  • 视频：3-19 小程序页面的生命周期(16:00)

  • 视频：3-20 PullToRefresh下拉刷新与上拉加载(19:26)

  • 视频：3-21 小程序的页面跳转(18:38)

  • 视频：3-22 总结(02:26)

第4章 小程序进阶概念

  • 视频：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

  • 视频：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章 文章搜索页面

  • 视频：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章 全局状态管理

  • 视频：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章 文章详情模块开发

  • 视频：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章 用户登录

  • 视频：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章 热播模块

  • 视频：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章 多平台适配

  • 视频：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章 项目发布

  • 视频：12-1 开 篇(00:46)

  • 视频：12-2 打包微信小程序(02:37)

  • 视频：12-3 打包 h5 页面(03:51)

  • 视频：12-4 总 结最近学习

第13章 课程总结

  • 视频：13-1 课 程 总 结