这门课解决什么工作场景

很多非技术岗的上班族在遇到内部工具难用时,都会萌生自己开发一个微信小程序的念头。这门课解决的核心场景非常具体:当公司需要一个轻量级的打卡工具、问卷收集、内部审批入口或活动展示页面,而你不想引入复杂的后端框架时,小程序是最直接的载体。它不要求你搭建独立的服务器环境,通过官方云开发就能跑通数据读写。很多转行者初次接触前端时容易被各种框架概念劝退,而小程序的视图层语法相对克制,逻辑层也相对独立,适合作为理解前后端交互的切入点。学完之后,你能独立完成一个具备基础交互和本地数据存储的单一功能页面,而不是停留在照抄代码的层面。

适合什么基础与建议先看哪几块

这套资料适合完全没写过代码,或者只懂一点基础标签语法的读者。课程从注册账号、安装开发工具讲起,没有预设你已经掌握复杂的前端工程化概念。但需要提醒的是,资料虽然是通俗易懂的定位,但小程序的逻辑层毕竟还是基于脚本语言运行的,如果你连基本的变量和函数概念都没有,在跟着视频敲代码时可能会觉得能看懂但自己写不出。建议先看账号注册和工具安装部分,把开发环境跑通;然后直接跳到框架配置和页面脚本部分。这两块是整个小程序的核心,理解了全局配置如何决定窗口表现,以及页面脚本如何处理用户点击事件,后面接触到具体组件时就不会觉得零散。组件和样式部分可以当作手册来查阅,不需要一次性死记硬背。

学完能独立做什么与资料怎么配合练习

跟着这套资料走完,你能独立做出一个包含列表展示、表单输入和简单数据校验的实用工具。比如做一个部门内部的物品申领表单,或者一个带分类标签的常用电话簿。在练习方式上,不要只用眼睛看视频,必须开着开发工具跟着敲。每看完一个关于页面配置或组件样式的章节,就停下来自己改一改参数,看看界面发生了什么变化。遇到报错先别急着往后看视频,试着用报错信息去官方文档里搜索对应的方法说明。这套资料的价值在于帮你梳理官方文档的阅读顺序,而不是替代文档本身。当你能把课程里的示例页面改造成自己实际工作中需要的功能时,就算真正把知识消化了。最后,由于资料是较早的版本,开发工具的界面布局可能略有变动,但核心的配置文件和页面逻辑规则并没有大改,对照官方最新文档微调即可。

课程目录

课程目录40 集
  • 1-1 [微信小程序简介] 微信小程序简介 (05:07).mp4
  • 1-2 [微信小程序简介] 注册开发账号 (08:32).mp4
  • 1-3 [微信小程序简介] 安装微信开发工具 (14:01).mp4
  • 1-4 [微信小程序简介] 项目结构构成 (14:22).mp4
  • 1-5 [微信小程序简介] 官方文档构成 (08:48).mp4
  • 2-1 [框架] app.json_1 (14:26).mp4
  • 2-2 [框架] app.json_2 (21:02).mp4
  • 2-3 [框架] page.json和sitemap.json (10:36)
  • 2-4 [框架] app.js (26:55).mp4
  • 2-5 [框架] page.js_1 (24:51).mp4
  • 2-6 [框架] page.js_2 (15:44).mp4
  • 2-7 [框架] page.js_3 (10:51).mp4
  • 3-1 [组件] 常用组件_1 (09:53).mp4
  • 3-2 [组件] 组件样式 (18:51).mp4
  • 3-3 [组件] 常用组件_2 (14:50).mp4
  • 3-4 [组件] 常用组件_3 (14:55).mp4
  • 3-5 [组件] 常用组件_4 (07:35).mp4
  • 3-6 [组件] 常用组件_5 (24:59).mp4
  • 3-7 [组件] 常用组件_6 (09:18).mp4
  • 3-8 [组件] 常用组件_7 (26:24).mp4
  • 4-1 [WXML语法] 数据绑定 (16:29).mp4
  • 4-2 [WXML语法] 条件渲染 (11:01).mp4
  • 4-3 [WXML语法] 列表渲染 (21:54).mp4
  • 4-4 [WXML语法] 模板_1 (15:05).mp4
  • 4-5 [WXML语法] 模板_2 (19:10).mp4
  • 4-6 [WXML语法] 模板_3 (11:02).mp4
  • 4-7 [WXML语法] 事件绑定 (13:09).mp4
  • 4-8 [WXML语法] 事件传参 (27:14).mp4
  • 4-9 [WXML语法] 获取表单数据 (21:53).mp4
  • 4-10 [WXML语法] wxs语法 (26:12).mp4
  • 5-1 [自定义组件] 自定义组件 (22:14).mp4
  • 5-2 [自定义组件] 组件生命周期 (17:33).mp4
  • 5-3 [自定义组件] 组件间数据传递 (20:13).mp4
  • 6-1 [API接口] API之路由 (20:00).mp4
  • 6-2 [API接口] API之网络 (21:44).mp4
  • 6-3 [API接口] API之界面 (11:32).mp4
  • 6-4 [API接口] API之数据缓存 (11:13).mp4
  • 6-5 [API接口] API之开放接口_1 (25:08).mp4
  • 6-6 [API接口] API之开放接口_2 (24:54).mp4
  • 6-7 [API接口] API之开放接口_3 (21:13).mp4
  • 7-1 [模块化] 模块化系统 (08:32).mp4