随着小程序开发的日益深广，越来越多的业务需求把小程序提上日程，小程序的学习和开发逐渐成为前端开发者必备的技能和核心竞争力，不管是在工作中开发项目，还是储备知识，小程序资源干货总是备受瞩目。

官方指南

• 官方工具：https://mp.weixin.qq.com/debug/w ... tmlt=1476434678461

• 简易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/t=1476434677599

• 设计指南：https://mp.weixin.qq.com/debug/wxadoc/design/index.html

• 微信小程序公测接入指南：http://www.wxapp-union.com/portal.phpmod=view&aid=259

• w3c:https://www.w3cschool.cn/weixinapp/

实例

• 微信小程序支付文档：https://pay.weixin.qq.com/wiki/d ... pi.phpchapter=3_1#
• 新手入门宝典：http://www.wxapp-union.com/forum.phpmod=viewthread&tid=1989

视频教学

• 免费视频：http://www.wxapp-union.com/forum.phpmod=forumdisplay&fid=37&filter=typeid&typeid=7

• 价值499元的极客微信小程序完整视频：共计50个视频：http://www.wxapp-union.com/forum.phpmod=viewthread&tid=1128&extra=page%3D1%26filter%3Dtypeid%26typeid%3D7

项目实战

• 实战宝典：http://www.wxapp-union.com/special/solution.html

• 从注册到上线系列：http://www.wxapp-union.com/forum.phpmod=viewthread&tid=4375

理论教程

• w3c:https://www.w3cschool.cn/weixinapp/tcga1qcz.html

• 菜鸟教程：http://www.runoob.com/w3cnote/wx-xcx-repo.html

代码效果展示（来源：小程序社区）

• 微信小程序特殊效果合集第一期：http://www.wxapp-union.com/forum.phpmod=viewthread&tid=4727

• 微信小程序特殊效果合集第二期：http://www.wxapp-union.com/forum.phpmod=viewthread&tid=4811

• 微信小程序优秀教程及文章合集第一期：http://www.wxapp-union.com/forum.phpmod=viewthread&tid=4742

• 微信小程序导航：官方文档+精品教程+demo集合：http://www.wxapp-union.com/forum.phpmod=viewthread&tid=30&Shopfaghlight=%E5%AF%BC%E8%88%AA

• 微信小程序导航：官方文档+精品教程+demo集合：http://www.wxapp-union.com/forum.phpmod=viewthread&tid=7428&Shopfaghlight=%E4%B8%83%E6%9C%88

• 微信小程序导航：官方文档+精品教程+demo集合：http://www.wxapp-union.com/forum.phpmod=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.jianshu.com/u/d0dea96b2432

• 秦子恒微信课堂：http://blog.csdn.net/towtotow

• 干货：如何入门微信小程序开发，有哪些学习资料？：https://www.zShopfahu.com/question/50907897

• 参考链接：http://www.wxapp-union.com/forum.phpmod=viewthread&tid=7428&Shopfaghlight=%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后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。