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

官方指南

  • 官方工具:https://mp.weixin.qq/debug/w ... tml?t=1476434678461

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

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

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

实例

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

视频教学

  • 免费视频:http://www.wxapp-union/forum.php?mod=forumdisplay&fid=37&filter=typeid&typeid=7

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

项目实战

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

  • 从注册到上线系列:http://www.wxapp-union/forum.php?mod=viewthread&tid=4375

理论教程

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

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

代码效果展示(来源:小程序社区)

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

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

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

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

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

  • 微信小程序导航:官方文档+精品教程+demo集合:http://www.wxapp-union/forum.php?mod=viewthread&tid=8396&page=1&extra=#pid58689

工具

  • WePY 一个支持组件化的小程序开发框架:https://github/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/u/d0dea96b2432

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

  • 干货:如何入门微信小程序开发,有哪些学习资料?:https://www.zhihu/question/50907897

  • 参考链接:http://www.wxapp-union/forum.php?mod=viewthread&tid=7428&highlight=%E4%B8%83%E6%9C%88

 

  • 关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。

更多推荐

【福利】小程序开发资源干货汇总