微信小程序实战开发视频教程（第一到第三季课程 含源码文件）

这套课讲什么，适合谁

这是一套围绕微信小程序实战开发的三季连载视频教程，配了完整的源码文件。内容以动手写项目为主，不是概念科普。三季之间有明显的难度递进：第一季把开发工具、项目结构、WXML/WXSS/JS 三件套、页面生命周期这些基础打通；第二季开始进入组件化、自定义组件、数据绑定与事件系统、网络请求封装；第三季往完整项目落地方向走，涉及状态管理、多页面跳转与传参、常见业务模块的拆解。源码是这套资料里最有价值的部分，视频讲一遍容易忘，代码留着可以反复对照。

技术栈与工程结构

课程基于微信官方原生小程序框架，没有引入第三方跨端方案，这对理解平台本身的运行机制更有帮助。你会接触到的是：

• 小程序的项目配置文件与页面注册机制，理解 app.json 如何决定路由和窗口表现；
• WXML 的模板语法、列表渲染、条件渲染，以及 WXSS 的尺寸单位与样式作用域；
• Page 与 Component 两套构造方式的差异，以及自定义组件的属性、事件、插槽；
• wx.request 的封装思路，包括统一域名、错误处理、loading 状态管理；
• 本地存储、用户授权、登录态换取这类绕不开的接口调用链路。

这些内容在官方文档里都能查到，但文档给的是原子 API，课程给的是把它们组织成一个能跑起来的项目的顺序。源码里能看到目录怎么分、公共逻辑抽到哪、页面之间怎么复用组件，这部分比单个 API 的用法更值得抄。

怎么用这份资料

不建议把它当成连续剧从头看到尾。比较实际的做法是：先看第一季的前几节，把开发环境跑通，然后直接打开对应章节的源码，对着视频里讲的改动点自己敲一遍。第二季之后可以尝试先看效果、自己写一版，再回去看作者怎么实现，差异点往往就是可以学的地方。

三季源码建议单独建一个仓库管理，每看完一章就提交一次，既方便回溯，也能在之后整理成可以展示的项目记录。遇到组件通信、页面栈管理这类容易乱的地方，画一张简单的数据流向图比反复看视频有效。

需要的前置基础

课程假设你已经会基本的 JavaScript，至少能看懂函数、对象、数组操作和回调。HTML/CSS 不熟也能跟，但理解 WXSS 的盒模型和 flex 布局时会慢一些。如果完全没写过前端，建议先补一周的基础语法再进来，否则大部分时间会花在理解代码而不是理解小程序本身。

自学路径建议

第一季按顺序过一遍，重点是让项目跑起来并理解文件之间的引用关系。第二季挑组件化和网络请求两部分精读，这两块在真实项目里复用率最高。第三季可以只看项目结构搭建和核心业务模块的实现，其余按需查阅。学完后自己找一个小需求（比如记账、待办、简单商城列表）独立做一遍，只在小程序官方文档和这套源码之间找答案，做完基本就算把课程内容消化了。

这套资料的定位是参照物而不是教程全集，视频帮你建立顺序感，源码帮你建立结构感，两者结合着用效率最高。