想找一份能真正跑起来的小程序学习资料，其实比想象中难。市面上不少内容停在「讲 API」，跟着敲完一遍，真给一个完整的业务需求，还是不知道怎么拆页面、怎么管状态、怎么和真实接口对接。尚硅谷这套「微信小程序 + 慕尚花坊」属于另一种思路：用一个小而完整的电商类项目，把小程序该练的东西串一遍。下面按「适合谁学、能解决什么、资料怎么用」几个角度说清楚。
先判断值不值得花时间
这套资料的价值不在于覆盖面多广，而在于它有一个明确的落点——慕尚花坊。这是一个偏电商方向的小程序应用，涉及首页展示、商品列表、详情、分类、购物车这类典型结构。正是这种结构，才是外包、中小公司、个人接单里最常见的小程序形态。
如果你现在的目标是：能独立做出一个带列表、详情、购物车、接口联调的小程序，那这套东西对得上。如果你的目标是深挖小程序底层运行机制、做性能极限优化，那它给不了，得另找方向。先明确这一点，再决定要不要投入时间。
它具体解决哪些工作场景
学完后能对上号的事情比较具体：
- 拿到一份原型图或竞品小程序，能自己拆出页面结构，判断哪些用组件、哪些写自定义。
- 会处理列表渲染、条件渲染、事件传参、页面跳转与传值这些日常高频操作。
- 理解小程序里数据怎么从接口拿、怎么存到页面、怎么在多个页面之间共享。
- 能照着接口文档做一次完整的联调，而不是只会用假数据跑 demo。
换句话说，它不是教你「小程序有哪几十个 API」，而是让你在做花坊这个项目的过程里，反复用到那些真正会被用到的部分。电商场景对新手来说是最合适的练手对象，因为它把「数据展示 + 交互 + 状态变化」这三件事凑齐了。
资料构成和怎么用
整包内容是视频配合 PPT，PPT 又分成基础部分和慕尚花坊项目部分，另外附了一份项目相关的 PDF 文档。这个结构说明它走的是「先铺垫、再实战」的路线，而不是一上来就堆项目代码。
建议的用法是：先用基础部分的 PPT 快速过一遍概念，把自己陌生的点标出来；然后进入视频，跟着项目节奏走，但不要只看不写。看项目视频最忌讳的就是「看懂了就等于会了」——花坊这种项目，页面多、状态流转多，只有自己从头敲一遍，才会在某个页面跳转传值失败、或者列表不刷新的时候真正卡住，而卡住的那一刻才是学会的时候。
那份项目 PDF 更适合当查阅材料，不用一开始就通读，遇到具体模块再翻对应部分，效率更高。
适合什么基础的人
需要你至少写过 HTML、CSS，对 JavaScript 的基本语法和数组、对象操作不陌生，最好接触过一点点前端框架的思维方式。完全不碰过前端的人直接上手，会在「数据驱动视图」这个点上反复卡壳，体验会比较差。
已经有 Vue 或 React 基础的人来学，会觉得顺畅很多，重心可以放在小程序特有的部分：页面生命周期、setData 的用法和限制、小程序组件化写法、以及和普通 Web 开发不太一样的工程习惯。
最后提醒一句：这套资料是围绕一个具体项目展开的，它的价值取决于你愿不愿意动手把项目完整实现一遍。只收藏、只看视频，收获会非常有限。把它当成一次自己独立完成的小程序练习，而不是一份可以囤着的资料，才对得起花的时间。
课程目录
📁 视频 097-项目初始化-创建项目与项目初始化.mp4 [70.2 MB] 029-组件-组件案例-字体图标的使用.mp4 [196.9 MB] 006-小程序基础-小程序开发者 ID.mp4 [27.0 MB] 147-更新用户信息-更新用户昵称.mp4 [47.3 MB] 032-事件系统-事件分类以及阻止事件冒泡.mp4 [59.1 MB] 186-订单结算-配置分包并跳转到结算页面+接口 API.mp4 [258.0 MB] 054-小程序API-路由与通信-编程式导航.mp4 [173.3 MB] 067-自定义组件-组件通信-子往父传值.mp4 [187.2 MB] 163-商品管理-商品列表-准备列表请求参数.mp4 [24.1 MB] 158-收货地址-收货地址列表渲染.mp4 [35.3 MB] 046-生命周期-应用生命周期.mp4 [85.9 MB] 133-框架扩展-在页面中使用 Store 数据-方式2.mp4 [29.8 MB] 073-自定义组件-拓展-组件复用机制 behaviors.mp4 [214.9 MB] 047-生命周期-页面生命周期.mp4 [134.8 MB] 110-网络请求封装-定义请求-响应拦截器.mp4 [263.9 MB] 093-补充-自定义导航栏.mp4 [68.8 MB] 112-网络请求封装-使用请求-响应拦截器.mp4 [273.1 MB] 017-配置文件-sitemap.json 文件.mp4 [40.4 MB] 087-开放能力-分享到朋友圈.mp4 [61.3 MB] 148-收货地址-定义新增参数以及封装接口 API.mp4 [49.2 MB] 130-框架扩展-mobx-miniprogram 创建 Store 对象.mp4 [30.8 MB] 072-自定义组件-拓展-使用 Component 构造页面.mp4 [160.0 MB] 180-购物车-实现全选和全不选功能.mp4 [44.5 MB] 197-小程序支付-支付状态查询.mp4 [21.6 MB] 165-商品管理-商品列表-实现上拉加载更多功能.mp4 [26.9 MB] 010-小程序基础-如何调试小程序代码.mp4 [74.4 MB] 193-小程序支付-梳理小程序支付流程.mp4 [28.5 MB] 152-收货地址-拒绝授权和授权完整的流程.mp4 [483.9 MB] 052-小程序API-界面交互-模态对话框-消息提示框.mp4 [85.1 MB] 037-wxml语法-拓展-setData修改对象类型数据.mp4 [214.3 MB] 077-npm支持-自定义构建 npm.mp4 [117.3 MB] 051-小程序API-界面交互-loading 提示框.mp4 [93.0 MB] 066-自定义组件-组件通信-父往子传值.mp4 [148.7 MB] 080-分包加载-介绍分包加载.mp4 [30.8 MB] 103-通用模块封装-模态对话框封装.mp4 [248.1 MB] 089-开放能力-客服功能.mp4 [42.5 MB] 070-自定义组件-组件所在页面的生命周期.mp4 [54.4 MB] 060-自定义组件-属性 properties.mp4 [190.5 MB] 172-购物车-加入购物车-模板分析和渲染.mp4 [34.6 MB] 098-项目初始化-自定义构建 npm以及集成Sass.mp4 [95.8 MB] 115-网络请求封装-完善 loading.mp4 [98.8 MB] 134-框架扩展-fields、actions 对象写法.mp4 [31.9 MB] 028-组件-组件案例-推荐商品区域-实现结构样式.mp4 [117.3 MB] 194-小程序支付-创建平台订单.mp4 [17.7 MB] 058-自定义组件-创建-注册-使用组件.mp4 [98.7 MB] 085-开放能力-获取微信昵称.mp4 [130.6 MB] 159-收货地址-实现更新收货地址功能.mp4 [66.9 MB] 140-用户登录-实现小程序登录功能.mp4 [56.9 MB] 039-wxml语法-简易双向数据绑定.mp4 [127.9 MB] 187-商品结算-获取收货地址.mp4 [33.8 MB] 082-分包加载-独立分包的配置.mp4 [49.9 MB] 034-事件系统-事件传参-mark 自定义数据.mp4 [104.8 MB] 075-自定义组件-完善复选框案例并总结自定义组件.mp4 [58.1 MB] 119-环境变量-小程序设置环境变量.mp4 [174.0 MB] 185-购物车-删除购物车中的商品.mp4 [35.3 MB] 005-小程序基础-项目成员和体验成员.mp4 [30.4 MB] 182-购物车-更新商品的购买数量.mp4 [91.7 MB] 176-购物车-购物车关联 Store 对象.mp4 [17.9 MB] 178-购物车-更新商品的购买状态.mp4 [43.9 MB] 022-组件-组件案例-轮播图区域绘制.mp4 [146.1 MB] 132-框架扩展-在页面中使用 Store 数据-方式1.mp4 [22.3 MB] 191-商品结算-收集送达时间.mp4 [45.3 MB] 086-开放能力-转发功能.mp4 [73.1 MB] 196-小程序支付-发起微信支付.mp4 [23.3 MB] 078-npm支持-vant组件库的使用.mp4 [205.8 MB] 183-购物车-更新商品购买数量防抖.mp4 [29.7 MB] 105-网络请求封装-为什么要封装 wx.request.mp4 [130.1 MB] 150-收货地址-收集新增地址其他请求参数.mp4 [35.7 MB] 014-配置文件-全局配置-tabbar 配置.mp4 [103.3 MB] 074-自定义组件-拓展-外部样式类.mp4 [96.0 MB] 084-开放能力-获取微信头像.mp4 [84.2 MB] 192-商品结算-提交订单请求参数验证.mp4 [56.0 MB] 096-项目初始化-开发前置-申请开发权限.mp4 [66.4 MB] 059-自定义组件-数据和方法.mp4 [99.5 MB] 118-网络请求封装-使用 npm 包发送请求.mp4 [151.8 MB] 104-通用模块封装-封装本地存储 API.mp4 [411.1 MB] 131-框架扩展-在组件中使用 Store 数据.mp4 [40.5 MB] 016-配置文件-项目配置文件和配置sass.mp4 [99.9 MB] 056-小程序API-页面处理函数-下拉刷新.mp4 [97.5 MB] 023-组件-组件案例-轮播图图片添加.mp4 [136.7 MB] 002-小程序基础-初识微信小程序.mp4 [34.9 MB] 055-小程序API-页面处理函数-上拉加载.mp4 [176.4 MB] 079-npm支持-Vant Weapp 组件样式覆盖.mp4 [167.2 MB] 170-商品管理-优化-小程序配置 @ 路径别名优化访问路径.mp4 [23.7 MB] 102-通用模块封装-消息提示模块封装.mp4 [260.9 MB] 020-样式-全局样式和局部样式.mp4 [35.1 MB] 038-wxml语法-拓展-setData修改数组类型数据.mp4 [150.3 MB] 155-收货地址-表单验证-async-validator 基本使用.mp4 [63.1 MB] 069-自定义组件-组件生命周期.mp4 [147.0 MB] 109-网络请求封装-wx.request 的注意事项.mp4 [111.8 MB] 064-自定义组件-拓展-小程序修改checkbox样式.mp4 [232.5 MB] 179-购物车-控制全选按钮的选中状态.mp4 [35.2 MB] 138-用户登录-什么是 token.mp4 [12.4 MB] 106-网络请求封装-request 实例方法.mp4 [250.7 MB] 174-购物车-加入购物车和立即购买区分处理.mp4 [61.9 MB] 004-小程序基础-完善小程序账号信息.mp4 [50.9 MB] 116-网络请求封装-控制 loading 显示.mp4 [142.1 MB] 071-自定义组件-总结小程序生命周期.mp4 [100.6 MB] 136-框架扩展-miniprogram-computed 计算属性和监听器.mp4 [261.4 MB] 167-商品管理-商品列表-节流阀进行列表节流.mp4 [34.7 MB] 📁 PPT 📁 小程序基础 ppt 06-微信小程序-生命周期.pdf [4.4 MB] 02-微信小程序-配置文件.pdf [4.3 MB] 10-微信小程序-分包加载.pdf [4.2 MB] 09-微信小程序-npm 支持.pdf [4.1 MB] 01-微信小程序-小程序基础.pdf [950.8 KB] 12-微信小程序-扩充.pdf [605.2 KB] 04-微信小程序-事件处理.pdf [4.1 MB] 05-微信小程序-模板语法.pdf [4.3 MB] 07-微信小程序-小程序API.pdf [4.5 MB] 08-微信小程序-自定义组件.pdf [5.0 MB] 11-微信小程序-开放能力.pdf [4.2 MB] 03-微信小程序-样式和组件.pdf [4.6 MB] 📁 慕尚花坊 ppt 慕尚花坊.pdf [505.8 KB] 适合人群 微信小程序开发者 前端开发人员 编程爱好者 学习收获 掌握微信小程序开发基础 学会组件和API使用 实现项目实战经验 祝您学习愉快！ 学有所成，前程似锦！
