先搞懂运行机制，再动手写第一行代码

很多初学者一上来就盯着 WXML 和 WXSS 死记硬背，结果页面写出来全是白屏，或者样式错位，根本不知道数据是从哪来的。这门课针对的就是这种“假努力”状态，拒绝单纯的 API 灌输。它首先从最基础的运行原理切入，让你明白小程序到底是个什么东西，它的运行环境（WXML/JS/WXSS）是如何协同工作的，以及开发者工具里那些复杂的按钮到底管什么用。只有底层逻辑通了，后面写代码才不会一头雾水。建议零基础或刚接触前端的同学，务必先看完“课程概要”和“简介”部分，建立对微信小程序整体架构的认知，否则直接上手写代码很容易半途而废。

通过两个实战案例，打通从入门到进阶的核心链路

光看理论很容易忘，所以课程设计了两个极其实用的综合案例来串联所有知识点。第一个是“快递查询”，重点解决视图渲染、事件绑定和表单提交这些基础交互，让你学会怎么把用户填的东西显示在页面上，并处理点击跳转；第二个是“用户登录”，这是所有小程序的必经之路，会深入讲解 App 对象与 Page 对象的生命周期，以及页面间如何安全地传递参数。这两个案例覆盖了 80% 的常见业务场景，学完你就能独立搭建一个带登录态和基础功能的雏形小程序，而不是只会画静态页面。如果你之前只看过零碎的教程，这里能帮你把散落的知识点串成一条完整的逻辑线，彻底理解数据流向和页面跳转机制。

避开 UI 陷阱，用原生组件搞定复杂布局与多媒体

很多新手喜欢直接抄第三方 UI 库，结果依赖太重、包体积过大，上线就被微信官方的审核机制卡壳。这门课专门梳理了微信小程序原生组件库，从布局基础、样式规范，到视图容器、表单组件，再到操作反馈、导航栏、多媒体及地图 LBS 等高级能力，带你全面掌握微信生态下的开发规范。特别是课程后半部分的“评测小程序首页实现”，会演示如何组合使用这些原生能力去还原一个完整的商业级首页，让你见识到不依赖第三方库也能做出精美界面的技巧。配合课程提供的资料包，你可以边看视频边对照修改代码，实测原生组件在真实设备上的表现，及时排查兼容性问题，从而真正具备独立开发并发布小程序的能力。

课程目录

课程目录： 1.1 微信小程序从基础到实战课程概要.mp4 4 |& g6 r0 H9 t& J2 ~/ E; M 2.1 微信小程序简介.mp4 2.2.1 微信小程序开发准备.mp4 2.2.2 微信小程序开发工具的使用.mp4 2.2.3 目录结构详解.mp4 ( J. }% v& W0 m4 i& K 2.3.1 视图与渲染.mp4 7 R" w- r* k/ L' @ 2.3.2 微信小程序事件.mp4 ( h/ B# S0 H7 c) q5 Z3 E" X 2.4 综合案例 - 快递查询.mp4 0 H% W. l0 W" n" ?5 a3 f 3.1 微信小程序的配置详解.mp4 3.2.1 微信小程序的生命周期与app对象的使用.mp4 3 o+ D3 a) j5 `" H% N K 3.2.2 微信小程序页面的生命周期和参数传递.mp4 $ t L5 \! q* _ 3.3 综合案例 - 用户登录.mp4 3 b3 O2 U. F+ {7 q3 _( j Y 4.1 微信小程序的UI精讲.mp4 9 _$ a! A- {/ l9 ^9 u3 M" D 4.2.1 布局基础 .mp4 4.2.2 样式基础.mp4 4.3.1 组件的使用.mp4 4.3.2 视图容器组件.mp4 4.3.3 基础内容组件.mp4 , r8 p$ N& q8 m( x1 ^# N 4.3.4 表单组件.mp4 3 P% v4 I1 D8 }' k. \& o3 \ 4.4.1 操作反馈小工具.mp4 " ]; v9 F$ {; q' k- A- W& g0 P, o 4.4.2 导航.mp4 4.4.3 多媒体.mp4 6 \- T- [! n* E! U 4.4.4 地图与LBS.mp4 4.4.5 画布与游戏.mp4 4.5 综合案例 - 评测小程序首页的实现.mp4 4 ?1 M5 u6 O3 Y s 5.1 微信小程序的API开发简介.mp4 " U2 ]8 ~6 X8 ?- ` r 5.2.1 请求服务器数据.mp4 5.2.2 图片选择与调用微信拍照.mp4 6 k/ K+ G P7 y9 F' ^# e6 a 5.2.3 文件上传与下载.mp4 5.2.4 webSocket.mp4 % d+ q( u4 c2 R 5.2.5 音乐的播放和控制.mp4 # S$ Y; K0 B: U3 x* G) [' q 5.2.6 缓存数据.mp4 5.2.7 获取当前位置.mp4 5.3.1 设备信息.mp4 ' P' f; x- Y! B3 P, F8 d/ | 5.4.1 交互反馈.mp4 5.4.2 导航和导航条.mp4 5.4.3 动画.mp4 5.4.4 绘图.mp4 u* s, ~9 k; ~) B+ R 6.1 课程介绍.mp4 5 f1 K: K; O( O* M5 V 6.2.1 使用 Xmind 进行产品需求分析.mp4 6.2.2 使用墨刀进行产品原型设计.mp4 # F5 V9 ]' S5 r3 A( G# ]3 y 6.3.1 路由配置，完成底部 TabBar 设计.mp4 7 O( o! X& s! O 6.3.2 产品层级、组件模块化设计.mp4 ( S' ]$ \, W6 O; \! a0 U7 ^; ~' \* b 6.4.1 组件讲解.mp4 ; s+ L& y% M$ v5 |& m 6.4.2 列表页开发.mp4 6.4.3 主题页开发.mp4 % @, t+ r! U1 C 6.4.4 节点页面开发.mp4 6.4.5 用户信息页面开发.mp4 6.4.6 使用 WXSS 对页面组件进行美化.mp4 6.5.1 wx.navigateTo、wx.redirectTo、wx.request 方法使用讲解.mp4 6 m5 y( v) G/ h. y) h. f 6.5.2 使用 wx.navigateTo 完成页面跳转.mp4 , G" j9 V# J% Z! N" i: A; o 6.5.3 使用 wx.request 取云端数据.mp4 , W6 }0 r: G- H6 a2 L 6.6 V2EX小程序发布及注意事项.mp4 ! b3 y+ x. y2 k' e( p" Y 基于CNODE社区的API创建一个小程序.mp4 ) m3 u: C: C, @5 H$ |; i$ Z 课件资料demo
课程目录：1.1 微信小程序从基础到实战课程概要.mp44 |& g6 r0 H9 t& J2 ~/ E; M2.1 微信小程序简介.mp42.2.1 微信小程序开发准备.mp42.2.2 微信小程序开发工