先判断：这门课值不值得学

微信小程序依然是很多业务线最高频的触达工具，尤其适合做内部审批、门店点单、轻量级电商这类不需要重装下载的场景。这门课解决的是“懂一点前端语法，但没碰过小程序”的人最常卡住的环节：生命周期顺序、rpx 自适应、组件复用、数据绑定与事件机制。如果你已经写过 HTML、CSS 和 JS，只是没接触过小程序的框架和配置，这门课刚好把中间的断层补齐，不需要再从头学一遍网页基础。但如果你连变量函数和弹性布局都还陌生，建议先把 JS 基础和 CSS 布局补扎实再来看，否则到事件交互和列表渲染环节会明显吃力。

怎么用：资料配合练习的顺序

拿到资料后，不要从第一页逐行抄，先跑通环境再回头补概念。第一周建议只做三件事：注册账号、装好官方开发者工具、把课程里第一个示例项目的目录结构和配置文件看明白，弄清 app.js、app.json、页面级 wxml 和 wxss 各自管什么。第二周进入核心语法，重点跟练数据绑定、条件渲染、列表渲染和事件绑定，每讲完一个交互就立刻在工具里改参数看效果，不要只看视频。第三周把 rpx 和 flex 布局单独拎出来做一次专项练习，用同一个页面在 iPhone 和安卓尺寸下验证自适应效果，这是后面做任何项目都要复用的底层能力。整个过程中，遇到 catch 和 bind 的区别这类细节，建议直接在编辑器里写两个按钮对比触发，比记笔记更管用。

学完能做什么

按这个节奏走完，你应该能独立完成一个结构清晰的小程序页面：会注册项目、配置页面路由、用生命周期管理初始化数据，能用常用组件搭出表单和列表，用 rpx 和 flex 让页面在不同屏幕上不崩，并且能把用户输入通过事件回传到逻辑层做简单处理。到这一步，接手一个已有小程序的日常迭代、照着设计稿还原静态页面、改几条业务逻辑，基本不会再卡在“不知道这段代码放哪”的层面。再往后的复杂交互、云开发、支付接入，属于下一阶段的事，先把这套基础骨架走稳，比急着堆功能更值得。


只需要有html+css和js这些基础就可以学习熟悉小程序生命周期运行顺序||熟练应用并掌握小程序常用的组件以及api||掌握小程序rpx与flex布局实现自适

课程目录

*   走进微信⼩小程序的世界/

  *   微信小程序课程介绍

  *   小程序是什么？小程序应用前景

  *   微信小程序的注册流程

  *   微信开发者工具安装及使用讲解

  *   小程序目录结构分析

  *   小程序配置文件分析

*   开始第一个小程序之旅/

  *   新建一个小程序及框架组成介绍

  *   小程序生命周期和页面生命周期讲解

  *   了解小程序自适应尺寸单位rpx

  *   如何使用flex弹性布局

*   核⼼知识数据绑定与事件交互/

  *   必备知识点之数据绑定的概念和基础

  *   详细讲解动态数据绑定

  *   深度了解小程序的条件渲染

  *   深度了解小程序的列表渲染

  *   讲解绑定事件与事件交互

  *   深入了解事件机制--catch与bind

*   ⼩程序基础组件及常⽤组件介绍/

  *   小程序基础组件介绍

  *   小程序常用表单组件介绍（一）

  *   小程序常用表单组件介绍（二）

  *   小程序媒体组件介绍

  *   小程序地图组件map

  *   小程序画布组件canvas

*   常⽤视图容器及路由跳转/

  *   使用视图容器swiper实现轮播图

  *   深度讲解可滚动视图区域scroll-view

  *   使用scroll-view实现可滚动导航栏

  *   cover-view及cover-image

  *   小程序页面导航组件

  *   常用路由跳转方法

  *   小程序页面的传参与取参

  *   如何实现小程序的底部导航栏

*   构建模板化与模块化小程序/

  *   利用require方法加载js模块文件

  *   WXML模板编写与引入精讲

  *   讲解wxs模块引用

  *   wxs案例练习

*   开始电影资讯小程序实战/

  *   小程序登录授权以及缓存storage讲解

  *   构建个人页面

  *   讲解首页搜索框及轮播图布局

  *   轮播图高度自适应方案

  *   深度讲解小程序request请求

  *   构建电影分类专区列表

  *   深度讲解电影分类专区模板复用

  *   星星评分组件的实现

  *   分离业务数据及数据接入

*   搜索页面及查询更多的实现/

  *   电影搜索页面构建（上）

  *   电影搜索页面构建（下）

  *   动态更换电影分类标题

  *   构建查看更多页面

  *   深度讲解上拉加载功能实现

*   电影详情页面构建/

  *   构建电影详情页面

  *   电影详情页面数据接入

  *   小程序的版本上传

  *   电影实战总结

*   组件化开发/

  *   手把手教你创建自定义组件

  *   必备知识之组件之间引用及slot插槽

  *   深度讲解组件的样式隔离

  *   深度讲解组件和页面通信

  *   组件事件传递数据交互

  *   组件tab标签栏实战演练

  *   组件对象动态设置组件数据

  *   讲解组件的生命周期

  *   讲解组件的数据监听器

  *   深度讲解组件的代码共享

*   Weui组件库/

  *   WeUI框架介绍、下载及部署

  *   WeUI组件使用介绍

  *   工具类库computed的使用

*   扩展内容之小程序常用api/

  *   小程序发起微信支付

  *   小程序获取收获地址

  *   不可不知的tabbar操作

  *   小程序图片应用api

  *   常用功能之小程序分享转发

*   课程总结/

  *   课程总结及行业前景展望

  *   高级工程师到架构师-解决问题思路+学习方法