韩顺平-微信小程序实战：从0到1开发咖啡点餐系统

如果你已经会一点 HTML、CSS 和 JavaScript，却一直没做出过一个能拿给别人看的完整项目，这门课值得考虑。它不讲零散的 API 清单，而是围绕一个咖啡点餐系统，把微信小程序从环境搭建到下单流程走一遍。对想转前端、或者想接小程序私活的上班族来说，这种"做完一个真东西"的路径，比看十篇碎片教程更省时间。

它解决的是"会语法但做不出项目"的问题

很多人学小程序卡在两个地方：一是开发工具、目录结构、页面路由这些工程层面的东西没人带着走一遍；二是不知道一个真实业务该怎么拆——菜单怎么渲染、购物车数量怎么同步、订单状态怎么流转。这门课用点餐这个场景把这些问题串起来，你会看到数据怎么从页面传到逻辑层、再落到缓存和订单里。它不承诺让你精通小程序全部能力，但能让你把"一个页面能跑通"和"一个系统能跑通"之间的差距补上。适合有前端基础、能看懂函数和数组操作的人；如果完全没写过 JS，建议先补基础语法再进来，否则跟到中段会吃力。

建议的观看顺序和练习方式

不要从头到尾匀速看。先看环境搭建和项目初始化那部分，把开发者工具跑起来，自己新建一个空白项目，确认能预览。然后跟着做菜单列表和商品详情，这两块是渲染和事件绑定的核心，务必自己敲一遍，别复制。购物车和数量增减是逻辑最容易乱的地方，建议看完先合上视频，自己写一遍加减和总价计算，再对照。支付、缓存、订单这几块偏业务流程，理解思路即可，重点看它怎么组织数据、怎么处理下单前后的状态。每看完一个功能，就回到自己的项目里补上，不要攒着一起做。

学完之后你能独立做到什么

比较现实的结果是：你能独立从零搭起一个小程序项目，完成商品展示、加入购物车、数量调整、下单和订单查看这条主流程，并且知道缓存该放什么、页面之间怎么传参。这套结构换个品类——奶茶、简餐、便利店——你改改数据和样式就能复用。它不会让你立刻变成能接复杂商业项目的开发者，但足以支撑一个作品集项目，或者一次小规模的接单尝试。资料里的代码和截图建议当参考，不要当答案抄，抄完的项目在面试里一问就露。