飞豹客 · 课能看,资料也能带走
飞豹客前端开发 会员免费

【极客时间】9 小时搞定微信小程序开发

微信小程序开发是前端方向里少有的"学完就能拿出东西"的技能:不需要搭服务器、不用处理跨端兼容,一套语法写完,扫码就能在真机上跑。但也正因为上手门槛低,市面上的教程常常停在"能跑个 Hello World"就结束了,真正到做业务时会发现组件细节、接口调用、页面跳转这些地方全是坑。 这套课程针对的正是这

单课价¥29.90新品 上架
会员价 会员免费开通会员后本篇可直接下载套餐详情
99 人关注 更新于 2026-05-31 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

会员可免费下载本篇月会员可免费领取。

开通会员 ›
购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥29.90

会员 · 按档位

永久免费可领
年免费可领
月免费可领

游客按标价购买,不享受上表折扣。

支付成功后自动发放网盘链接,链接失效可找客服免费补

正版保障 极速发货 售后无忧

微信小程序开发是前端方向里少有的"学完就能拿出东西"的技能:不需要搭服务器、不用处理跨端兼容,一套语法写完,扫码就能在真机上跑。但也正因为上手门槛低,市面上的教程常常停在"能跑个 Hello World"就结束了,真正到做业务时会发现组件细节、接口调用、页面跳转这些地方全是坑。

这套课程针对的正是这个断层。它不指望把你变成架构师,目标很明确:让你在有限时间内把小程序的原生开发流程走通一遍,从写单个组件到拼出一个完整应用。如果你之前跟着零散文章试过小程序,却总觉得知识是碎的,这套内容能帮你把顺序理顺。

适合什么基础,不适合什么基础

需要你至少会 HTML 和 CSS 的基本写法,能看懂 JavaScript 里的函数、对象和数组操作。不要求你写过 Vue 或 React,但如果有前端框架经验,理解数据绑定和生命周期会快很多。完全没碰过代码的人学起来会吃力,这套资料默认你已经能独立写一个静态网页。

如果你的目标是做复杂的中大型小程序、或者想深入性能优化和工程化,这套内容不是终点,它更像是把地基打平,让你后面看官方文档时不再发懵。

建议的观看顺序

开头几节讲开发者工具的部分不要跳过,很多人后面卡住就是因为对工具里的调试面板、真机预览、编译模式不熟。接着按组件和 API 的顺序往下看,表单类组件(按钮、滑块、标签这些)看似简单,实际属性很多,建议边看边在工具里改参数看效果,比单纯记笔记有用。

课程后段有一个完整的实战项目,主题是做一个带评论和消息模块的小书架应用。这部分建议放在组件和接口都过了一遍之后再动手,不要一上来就跟着敲。它的价值在于把前面散落的知识点串成一条线:页面怎么组织、数据怎么在页面间传递、评论和消息这类交互怎么落地。

学完之后你能做什么

比较现实的预期是:你可以独立完成一个功能完整的小程序,包括多页面跳转、表单提交、列表渲染、调用微信提供的接口获取用户信息或做本地存储。遇到官方文档里的组件说明,你能看懂每个属性的作用并直接用在项目里。换句话说,从接到一个简单的业务需求到把它实现出来,这条链路你能自己走完。

练习方式上,建议不要只看视频。每学完一类组件,就自己动手写一个用到它的页面,哪怕只是把课程里的例子改改样式和参数。实战项目部分最好先自己搭一遍结构,卡住了再回头看讲解,这样印象会深得多。资料里的视频按主题分得比较细,适合当工具查,哪块忘了就翻对应那节,不必从头重看。

课程目录

课程目录92 集
  • 【极客时间】9 小时搞定微信小程序开发资料.png [493.5 KB] 09丨开发者工具详解(二).mp4
  • [55.4 MB] 43丨微信小程序表单组件之label.mp4
  • [22.9 MB] 83丨小程序实战项目小书架之开发前的准备.mp4
  • [152.1 MB] 47丨信小程序表单组件之slider.mp4
  • [37.5 MB] 88丨小程序实战项目小书架之评论及消息模块.mp4
  • [286.7 MB] 39丨微信小程序表单组件之button.mp4
  • [222.9 MB] 02丨什么是小程序.mp4
  • [41.0 MB] 36丨微信小程序基础内容组件之text.mp4
  • [53.9 MB] 82丨微信小程序开放功能之打开APP.mp4
  • [96.8 MB] 32丨swiper滑块容器.mp4
  • [182.6 MB] 62丨微信小程序API之上传下载.mp4
  • [406.7 MB] 60丨微信小程序之API概述.mp4
  • [87.4 MB] 65丨微信小程序API之音频控制.mp4
  • [563.7 MB] 11丨开发框架组成介绍.mp4
  • [28.5 MB] 34丨cover-view原生视图容器.mp4
  • [72.2 MB] 24丨MINA框架讲解.mp4
  • [104.0 MB] 29丨小程序事件流.mp4
  • [227.6 MB] 14丨WXML特性之列表渲染.mp4
  • [68.8 MB] 78丨微信小程序开放功能之登录授权.mp4
  • [139.9 MB] 26丨小程序加载机制.mp4
  • [54.2 MB] 17丨WXSS特性之响应式像素.mp4
  • [75.2 MB] 80丨微信小程序开放功能之模板消息.mp4
  • [228.9 MB] 53丨微信小程序媒体组件之video.mp4
  • [113.5 MB] 45丨微信小程序表单组件之picker-view.mp4
  • [79.0 MB] 59丨微信小程序开放能力组件之web-view.mp4
  • [111.4 MB] 23丨学会使用WXS.mp4
  • [209.2 MB] 74丨微信小程序API之界面相关设置.mp4
  • [617.2 MB] 58丨微信小程序开放能力组件之open-data.mp4
  • [34.7 MB] 55丨微信小程序媒体组件之live-player和live-pusher.mp4
  • [102.6 MB] 48丨微信小程序表单组件之switch.mp4
  • [39.8 MB] 46丨微信小程序表单组件之radio.mp4
  • [47.4 MB] 33丨movable-view移动缩放容器.mp4
  • [147.8 MB] 85丨小程序实战项目小书架之登录授权.mp4
  • [317.3 MB] 15丨WXML特性之条件渲染.mp4
  • [85.0 MB] 81丨微信小程序开放功能之转发分享.mp4
  • [111.5 MB] 04丨小程序开发前的准备.mp4
  • [194.6 MB] 12丨WXML之语法.mp4
  • [39.8 MB] 51丨微信小程序媒体组件之audio.mp4
  • [67.1 MB] 44丨微信小程序表单组件之picker.mp4
  • [200.3 MB] 73丨微信小程序API之其他设备操作.mp4
  • [185.2 MB] 57丨微信小程序画布组件canvas.mp4
  • [44.3 MB] 56丨微信小程序地图组件map.mp4
  • [300.6 MB] 05丨安装微信开发者工具.mp4
  • [36.0 MB] 01丨小程序的背景.mp4
  • [59.5 MB] 72丨微信小程序API之加速度计应用.mp4
  • [189.0 MB] 77丨微信小程序API之绘图介绍.mp4
  • [256.4 MB] 84丨小程序实战项目小书架之书籍列表模块.mp4
  • [366.4 MB] 20丨JavaScript介绍.mp4
  • [33.0 MB] 70丨微信小程序API之地图控制.mp4
  • [258.2 MB] 90丨小程序之WePY框架介绍.mp4
  • [284.1 MB] 69丨微信小程度API之数据缓存.mp4
  • [231.3 MB] 27丨生命周期.mp4
  • [94.2 MB] 22丨小程序宿主环境差异.mp4
  • [69.4 MB] 13丨WXML特性之数据绑定.mp4
  • [102.2 MB] 64丨微信小程序API之图片应用.mp4
  • [377.6 MB] 31丨scroll-view滚动容器.mp4
  • [191.2 MB] 19丨WXSS特性之选择器.mp4
  • [113.1 MB] 30丨view容器.mp4
  • [117.5 MB] 08丨开发者工具详解(一).mp4
  • [71.8 MB] 87丨小程序实战项目小书架之书籍详情页面.mp4
  • [377.6 MB] 28丨页面路由.mp4
  • [75.2 MB] 91丨小程序之性能优化.mp4
  • [291.1 MB] 76丨微信小程序API之操作动画.mp4
  • [204.8 MB] 41丨微信小程序表单组件之form.mp4
  • [60.2 MB] 06丨小程序代码结构简介.mp4
  • [73.3 MB] 37丨微信小程序基础内容组件之rich-text.mp4
  • [23.9 MB] 25丨小程序运行机制.mp4
  • [36.3 MB] 49丨微信小程序表单组件之text-area.mp4
  • [17.0 MB] 10丨创建第一个小程序.mp4
  • [122.0 MB] 42丨微信小程序表单组件之input.mp4
  • [142.5 MB] 54丨微信小程序媒体组件之camera.mp4
  • [30.0 MB] 71丨微信小程序API之网络设备信息.mp4
  • [343.3 MB] 35丨微信小程序基础内容组件之icon.mp4
  • [111.7 MB] 40丨微信小程序表单组件之checkbox.mp4
  • [67.4 MB] 18丨WXSS特性之样式.mp4
  • [49.7 MB] 07丨小程序配置文件介绍.mp4
  • [35.9 MB] 86丨小程序实战项目小书架之个人中心模块.mp4
  • [95.2 MB] 21丨小程序JavaScript实现.mp4
  • [72.9 MB] 38丨微信小程序基础内容组件之progress.mp4
  • [88.3 MB] 89丨小程序实战项目小书架之已购书籍模块.mp4
  • [142.3 MB] 67丨微信小程序API之实时音视频.mp4
  • [150.8 MB] 75丨微信小程序API之页面路由控制.mp4
  • [218.3 MB] 03丨小程序生态及应用前景.mp4
  • [60.3 MB] 79丨微信小程序开放功能之微信支付.mp4
  • [299.5 MB] 63丨微信小程序API之socket请求.mp4
  • [402.9 MB] 50丨微信小程序导航组件navigator.mp4
  • [63.5 MB] 16丨WXML特性之模板及引用.mp4
  • [112.8 MB] 66丨微信小程序API之视频控制.mp4
  • [441.5 MB] 52丨微信小程序媒体组件之image.mp4
  • [38.5 MB] 61丨微信小程序API之网络请求.mp4
  • [404.2 MB] 68丨微信小程序API之文件应用.mp4
  • [279.4 MB] 适合人群 前端开发者 微信小程序爱好者 编程初学者 学习收获 掌握微信小程序开发基础 学会使用微信小程序API 完成实战项目 祝您学习愉快! 学有所成,前程似锦!