先想清楚:这门课解决什么工作场景

很多业务线需要把功能塞进微信里跑,比如内部审批、活动报名、商品展示,但又犯不上单独开发 App。微信小程序就是干这个用的。这门课解决的是“拿到需求后,能独立搭出小程序页面、串好导航、把数据填进去并跑通逻辑”这件事。它不扯大前端架构,也不碰后端接口部署,焦点很窄:让你在微信开发者工具里,从空白项目到一个带登录页、带列表、带中间页跳转的可用小程序,自己敲得出来。如果你手头有公众号运营、私域活动、或者想给简历加点实际产物的场景,这种能快速看到成品的方向比啃抽象框架更实在。

再看基础:适合谁,怎么配合资料练

资料定位是零基础,但这里的“零基础”指的是没碰过小程序,不是连 HTML 是什么都不知道。如果你完全没写过网页,建议先补点 CSS 基础再来,不然到 flex 布局那几节会卡。资料里有大量动手环节,光看不敲等于没学。正确用法是:打开开发者工具,跟着每一节边看边建文件,遇到登录页逻辑、数据双向绑定、列表遍历这些地方,先暂停视频自己写一遍,跑不通再回去对照。生命周期那块容易看晕,别死记文档,直接在代码里加 console 打印,触发一次看一次,比背概念管用。flex 布局占了不小篇幅,骰子布局和新闻页那两个案例务必手敲完,这是后面排任何页面的底子。

学完能独立做什么

把这套资料顺下来,你能独立完成一个中等复杂度的小程序前端:搭出登录页并处理表单逻辑,用 flex 排出新闻列表、卡片、导航栏这类常见版式,用组件把多个页面串起来,做数据绑定和列表渲染,清楚页面从加载到卸载会发生什么。再往后接点真实业务需求,比如做个活动签到页、商品展示页、简单表单收集工具,基本不用再到处找教程拼凑。能不能接外包赚钱另说,但至少在公司内部提“我做个小程序页面给你看”时,你拿得出东西,而不是只会说思路。这比任何证书都顶用。


熟练使用微信小程序开发工具,掌握小程序应用框架,构建各种在微信中的应用。

课程目录

*   01 初识小程序/

  *   01 认识微信小程序

  *   02 构建一个简单的微信小程序

  *   03 构建一个登录页小程序

  *   04 编辑登录页小程序逻辑

*   02 认识flex布局/

  *   01 flex布局基础

  *   02 flex布局容器属性应用(一)

  *   03 flex布局容器属性应用(二)

  *   04 flex布局项目属性应用

  *   05 flex应用案例——骰子布局(一)

  *   06 flex应用案例——骰子布局(二)

  *   07 flex应用案例——骰子布局(三)

  *   08 flex应用案例——新闻页布局

*   03 中间页导航与数据绑定/

  *   01 系统中间页开发

  *   02 使用导航组件关联各页

  *   03 数据双向绑定格式

  *   04 wx-16-数据遍历显示格式

*   04 生命周期与模块化开发/

  *   01 小程序生命周期基础

  *   02 小程序生命周期应用

  *   03 小程序模块化开发

  *   04 小程序模块化开发应用

*   05 组件实战应用/

  *   01 实战——无刷新tab切换

  *   02 实战——swipe组件使用

  *   03 实战——scrollview组件使用

  *   04 实战——scrollview组件应用

*   06 案例——开发点评列表/

  *   01 点评列表页实战(一)

  *   02 点评列表页实战(二)

  *   03 点评列表页实战(三)

  *   04 点评列表页实战(四)

  *   05 云端保存点评数据

*   07 动画制作和云开发/

  *   01 动画基础知识

  *   02 制作反复执行动画

  *   03 云开发案例——页面跳转和传参数

  *   04 云开发案例——本地存储和列表缓存

  *   05 界面交互API与导航栏应用

*   08 设备访问和数据交互/

  *   01 手机振动和扫码实现

  *   02 GET和POST请求数据

  *   03 案例—请求列表数据

  *   04 案例-缓存列表和播放音频