本章节介绍课程的背景和知识要点，开局即送课程专享原创课程食用指南、提问指南、小程序评测，让你的学习事半功倍；开发环境搭建指导，开启效率之门。

共 4 节 (25分钟) 收起列表

• 1-1 《慕慕到家》小程序项目进阶实战导学教程 (11:08)试看
• 1-2 课程食用指南 (01:26)
• 1-3 小黄，做一个小程序 (03:56)
• 1-4 开发环境、开发工具准备 (08:09)
  

本章节从功能结构图、业务流程图入手，建立项目全局视角，深挖设计与编码的矛盾，让画图不再枯燥；以小见大，微信小程序关键知识路径初探，为后续进阶内容打下基础。

共 9 节 (112分钟) 收起列表

• 2-1 开篇语 (02:05)
• 2-2 功能结构与业务流程梳理 (23:53)
• 2-3 常用基础组件、样式布局入门 (16:34)
• 2-4 让页面数据“动”起来，数据绑定、列表渲染、条件渲染入门j (16:03)
• 2-5 感受平台生态的力量，常用API入门（上） (14:28)
• 2-6 感受平台生态的力量，常用API入门（下） (14:45)
• 2-7 特别的API——wx.request，前后端分离架构初探 (14:33)
• 2-8 前后端分离架构的前世今生 (08:44)
• 2-9 章节回顾
  

经典开发模式——最小原型模式场景还原，运用基础知识点实战完成功能v1.0版本。是巩固知识，也是启发思考，常见工程隐患“重复实现”、“不可维护”预警。

共 7 节 (63分钟) 收起列表

• 3-1 开篇语 (01:37)
• 3-2 原生tabBar组件使用及配置文件介绍 (20:26)
• 3-3 实现“广场”页面标签页效果（上） (14:14)
• 3-4 实现“广场”页面标签页效果（下） (10:38)
• 3-5 分类筛选功能实现 (15:25)
• 3-6 作业节
• 3-7 章节回顾
  

从设计到编码，微信小程序核心机制自定义组件实战，通过组件构造、事件传递、插槽构建“可读”、“可维护”、“可扩展”的通用自定义组件；从数据绑定到 WXS，认识常见小程序开发性能误区，让应用性能不再白白浪费。...

共 10 节 (88分钟) 收起列表

• 4-1 开篇语 (04:06)
• 4-2 进阶必备——自定义组件基本概念 (09:10)
• 4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)
• 4-4 重构内容标签页(下)——自定义组件插槽 (08:45)
• 4-5 警惕频繁事件交互和 setData (11:39)
• 4-6 WXS 实现手指滑动监听切换标签（上） (16:10)
• 4-7 WXS 实现手指滑动监听切换标签（下） (17:16)
• 4-8 高频技巧，填充屏幕剩余空间实现大范围事件监听 (05:48)
• 4-9 作业节
• 4-10 章节回顾
  

JavaScript 面向对象机制与分层设计初探，实现功能“高内聚、低耦合”；JavaScript 异步编程，从回调函数到 async/await演进脉络梳理，从容应对面试和工程。

共 10 节 (147分钟) 收起列表

• 5-1 开篇语 (03:02)
• 5-2 JS面向对象与代码分层设计- (21:13)
• 5-3 wx.request二次封装实现统一响应、异常处理（上） (16:05)
• 5-4 wx.request二次封装实现统一响应、异常处理（下） (15:55)
• 5-5 告别回调地狱——async、await与同步、异步编程（上） (14:14)
• 5-6 告别回调地狱——async、await与同步、异步编程（下） (17:02)
• 5-7 小试牛刀，利用二次封装的请求库实现服务分类选项加载 (10:00)
• 5-8 “服务预览”组件封装实现服务列表展示 (29:45)
• 5-9 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54)
• 5-10 章节回顾
  

开发不止，封装不息， icon、状态展示自定义组件封装；面向对象实现更优雅的实现页面数据上拉刷新、下拉加载更多；点亮工程必备的技能点，骨架屏、节流函数的运用。

温故而知新，button、safe-area通用组件实战；换个场景用组件，业务组件封装实现页面复用；引入“枚举”概念解决状态值、枚举值硬编码问题；

实战 web应用必备的表单提交功能，在实现功能的基础上，通过引入第三方组件，实现表单校验以及认识表单校验的本质和争议点

通过引入第三方 SDK——腾讯云 TIM 实战即时通讯功能，利用面向对象机制对 SDK进行 二次封装，让调用变得更加简单；引入全局状态管理让 SDK 与业务功能更加有机结合。

期末大考，前面学的，这章都有。通用组件复用、模型复用、徽章组件、评分组件、页面业务组件封装；自定义组件behaviors实战，组件也可以很“面向对象”。

课程总结回顾，未来展望