随着小程序开发的日益深广，越来越多的业务需求把小程序提上日程，小程序的学习和开发逐渐成为前端开发者必备的技能和核心竞争力，不管是在工作中开发项目，还是储备知识，小程序资源干货总是备受瞩目。
官方指南
官方工具：https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461
简易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599
设计指南：https://mp.weixin.qq.com/debug/wxadoc/design/index.html
实例
- 微信小程序支付文档：https://pay.weixin.qq.com/wiki/d ... pi.php?chapter=3_1#
- 新手入门宝典：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1989
视频教学
免费视频：http://www.wxapp-union.com/forum.php?mod=forumdisplay&fid=37&filter=typeid&typeid=7
价值499元的极客微信小程序完整视频：共计50个视频：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1128&extra=page%3D1%26filter%3Dtypeid%26typeid%3D7
项目实战
理论教程
代码效果展示（来源：小程序社区）
微信小程序特殊效果合集第一期：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4727
微信小程序特殊效果合集第二期：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4811
微信小程序优秀教程及文章合集第一期：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4742
微信小程序导航：官方文档+精品教程+demo集合：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=30&highlight=%E5%AF%BC%E8%88%AA
微信小程序导航：官方文档+精品教程+demo集合：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7428&highlight=%E4%B8%83%E6%9C%88
微信小程序导航：官方文档+精品教程+demo集合：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=8396&page=1&extra=#pid58689
工具
- WePY 一个支持组件化的小程序开发框架：https://github.com/Tencent/wepy
- 微信小程序配置及目录在线生成工具
- Egret Wing 3.2.x 支持微信小程序实时预览的 IDE)
- Labrador 支持 ES6/7 的微信小程序组件化开发框架
- WEPT 一个微信小程序实时运行环境
- wxml-parser JavaScript WXML parser 以及在线页面demo
- Px 转 Rpx 在线工具
- 微信小程序云端增强 SDK XpmJS
- 4kb 模块化开发工具 将模块化的属性和方法映射成小程序页面
- gulp-wxa-copy-npm 插件 能够使用 ES6/7 和 NPM 库
- wechat_web_devtools Linux 下微信开发者工具
- WeApp-Workflow 基于 Gulp 的微信小程序前端开发工作流
- 小程序助手 轻松实现小程序互转
- weact 用 JSX 快速开发小程序
- Tina.js - 一款轻巧的渐进式微信小程序框架
- Mpvue - 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系
插件
- vim 插件(chemzqm/wxapp.vim)
- sublime text 2&3 snippet(Abbotton/weapp-snippet-for-sublime-text-2-3)
- IntelliJ IDEA 插件，注入方法
- webstorm 插件（代码提示）
- sublime plugin - wxapp
- vscode 插件(代码提示)
大牛博客：
干货：如何入门微信小程序开发，有哪些学习资料？：https://www.zhihu.com/question/50907897
参考链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7428&highlight=%E4%B8%83%E6%9C%88
您可能感兴趣的文章:
- 微信小程序本地缓存数据增删改查实例详解
- 微信小程序 缓存（本地缓存、异步缓存、同步缓存）详解
- 微信小程序之数据缓存的实例详解
- 微信小程序实现缓存根据不同的id来进行设置和读取缓存
- 微信小程序开发之数据存储 参数传递 数据缓存
- 微信小程序-详解数据缓存
- 微信小程序小组件 基于Canvas实现直播点赞气泡效果
- 微信小程序 向左滑动删除功能的实现
- 微信小程序自定义导航隐藏和显示功能
- 微信小程序 五星评价功能的实现
- 微信小程序 弹幕功能简单实例
- 微信小程序基于本地缓存实现点赞功能的方法
自荐：
微信小程序从零开始开发步骤（一）搭建开发环境https://www.jianshu.com/p/0ff8c3b2f59f
微信小程序从零开始开发步骤（二）创建小程序页面：https://www.jianshu.com/p/fe0db14e2869
微信小程序从零开始开发步骤（三）底部导航栏：https://www.jianshu.com/p/89a63dc99839
微信小程序从零开始开发步骤（四）自定义分享的功能：https://www.jianshu.com/p/65d9bdb8051d
微信小程序从零开始开发步骤（五）轮播图：https://www.jianshu.com/p/bc3261557031
微信小程序从零开始开发步骤（六）4种页面跳转的方法：https://www.jianshu.com/p/01a5a6a0fdb9
文末福利：
福利一：前端，Java，产品经理，微信小程序，Python等资源合集大放送：https://www.jianshu.com/p/e8197d4d9880
福利二：微信小程序入门与实战全套详细视频教程
原文作者：祈澈姑娘
原文链接：https://www.jianshu.com/u/05f416aefbe1
创作不易，转载请告知
90后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。
