从零开始学做微信小程序，看这些就够了！

   <p>随着正式开放公测，微信小程序再次万众瞩目，越来越多的企业和个人涌入到小程序开发的大军中。小程序究竟是什么？适合做小程序的产品有哪些？做小程序需要提前准备什么？如何零基础学做小程序？此文，将列出OSC上优质的资源供大学了解和学习。</p>    <h3><strong>一、新手入门</strong></h3>    <p>有关小程序的入门，首选自然是 <strong>官方文档</strong> 。 它解释了基本概念，有简单的设计指南和开发教程，能让你很好地对小程序有初步理解。 </p>    <ul>     <li><a href="/misc/goto?guid=4959724768382669924" rel="nofollow,noindex">微信小程序产品定位及功能介绍</a></li>     <li><a href="/misc/goto?guid=4959724768472801195" rel="nofollow,noindex">微信小程序设计指南</a></li>     <li><a href="/misc/goto?guid=4959724768560640336" rel="nofollow,noindex">微信小程序简易教程</a></li>     <li><a href="/misc/goto?guid=4959724768651141195" rel="nofollow,noindex">微信小程序运营规范</a></li>    </ul>    <p>看完这些你会发现，小程序主打的是比APP更轻量的形态，简单的开发，却接近app的体验，无需下载，扫码打开。那么， 一些刚需且高频的金融类、电商类、教育类等其实是不适合接入小程序的。 这些对功能的要求都很重，小程序难以承载。而且小程序不能像微信公众号一样被关注、群推送消息以及转发朋友圈，这也就意味着，它没有办法获取用户更多的信息，也不便于深度营销。</p>    <p>小程序适用哪些产品？</p>    <ul>     <li>功能很轻，用完即走的，如刚需且低频的服务类、旅游类等</li>     <li>基于社交场景的轻应用，或者说基于轻社交的应用</li>     <li>非即时、可异步的应用</li>     <li>初创型企业的MVP产品</li>     <li>开发和设计能力有限的产品</li>     <li>以及更多……</li>    </ul>    <p>这些不错的资源你可能也会感兴趣：</p>    <ul>     <li><a href="/misc/goto?guid=4959724768741182954" rel="nofollow,noindex">【微信小程序开发•系列文章一】入门</a> ，这篇是 jsongo0 编写的系列文章的第一章，包含了小程序的介绍和前期准备工作。</li>     <li>memda 的  <a href="/misc/goto?guid=4959724768827413885" rel="nofollow,noindex">5款微信小程序开发工具使用报告</a> ，可以帮助你提前选择合适的开发工具。</li>     <li>腾讯Bugly 的 聊一聊微信小程序，这篇文章里有多位开发人员对小程序的看法，以及利弊探讨等等，能更好的理解小程序理念和适用场景。</li>     <li><a href="/misc/goto?guid=4959717016104775550" rel="nofollow,noindex">小程序的 API 文档</a> （非官方）。</li>    </ul>    <h3><strong>二、开发实战</strong></h3>    <p>从9月22日凌晨微信小程序开始内测，就有不少开发者抢先进入小程序进行体验，并发表了大量的开发实战文章。这其中，有针对各个步骤、环节详细的开发教程、有针对单个项目的实践经验，有系列，有单篇……但对于初学者来说，都是极具有参考意义的资源。</p>    <p><strong>1、博卡君小程序开发系列教程：</strong></p>    <p>在小程序公布内测不到10小时内即“神速”推出的开发系列教程，轰动一时。该系列内容从基础知识到项目实例都有详细表述，博主每日吐血赶稿，可歌可泣。:)</p>    <ul>     <li><a href="/misc/goto?guid=4959717018210670461" rel="nofollow,noindex">全球首个微信小程序（应用号）开发教程！通宵吐血赶稿</a>  —— 序言、准备工作、项目构架</li>     <li><a href="/misc/goto?guid=4959724768968329131" rel="nofollow,noindex">第二弹！全球首个微信小程序（应用号）开发教程</a>  —— 项目实例：结构以及配置、首页面开发</li>     <li><a href="/misc/goto?guid=4959724769065281605" rel="nofollow,noindex">第三弹！全球首个微信小程序（应用号）开发教程</a>  —— 项目实例：名片夹详情页、个人页面开发</li>     <li><a href="/misc/goto?guid=4959724769147184397" rel="nofollow,noindex">第四弹！全球首个微信小程序（应用号）开发教程</a>  —— 项目实例：编辑名片页面开发</li>     <li><a href="/misc/goto?guid=4959724769228789888" rel="nofollow,noindex">第五弹！全球首个微信小程序（应用号）开发教程</a>  —— 项目实例：分组开发与左滑功能实现</li>     <li><a href="/misc/goto?guid=4959724769325192430" rel="nofollow,noindex">第六弹！全球首个微信小程序（应用号）开发教程</a>  —— 项目实例：拍照收纳开发以及删除名片等</li>    </ul>    <p><strong>2、 jsongo0小程序开发系列教程：</strong></p>    <p>和博卡君更偏向项目实例的讲解不同，jsongo0的系列文章更偏向从理论着手，对小程序各个特性、功能、版块进行了详细的分析与解读，并赋予独有的实践思路，内容详细全面，值得深看。（第一章在“新手入门”部分）</p>    <ul>     <li><a href="/misc/goto?guid=4959724769407373109" rel="nofollow,noindex">【微信小程序开发•系列文章二】视图层</a></li>     <li><a href="/misc/goto?guid=4959724769495105085" rel="nofollow,noindex">【微信小程序开发•系列文章三】数据层</a></li>     <li><a href="/misc/goto?guid=4959724769573272007" rel="nofollow,noindex">【微信小程序开发•系列文章四】模块化</a></li>     <li><a href="/misc/goto?guid=4959724769669706279" rel="nofollow,noindex">【微信小程序开发•系列文章五】主界面</a></li>     <li><a href="/misc/goto?guid=4959724769751414844" rel="nofollow,noindex">【微信小程序开发•系列文章六】生命周期和路由</a></li>     <li><a href="/misc/goto?guid=4959724769862831579" rel="nofollow,noindex">【微信小程序开发•系列文章七】websocket</a></li>    </ul>    <p><strong>3、腾讯Bugly小程序开发思考总结：</strong></p>    <p>本文针对作者自己开发的“信用卡还款”项目，进行实践总结和思考，从创建项目，到编写代码，到运行、生成等等，整个过程都进行了详细的记录和说明，值得参考。</p>    <ul>     <li><a href="/misc/goto?guid=4959724769944426124" rel="nofollow,noindex">微信小程序开发思考总结——腾讯“信用卡还款”项目实践</a></li>    </ul>    <p><strong>4、秀杰 小程序开发系列教程：</strong></p>    <p>同样是实战系列开发教程，针对记账应用进行了详细的讲解。作者在更新该系列的同时，还更新了开发新闻客户端、开发加法计算器应用、实现购物车页面等实战课程，实力毋庸置疑。</p>    <ul>     <li><a href="/misc/goto?guid=4959724770025036201" rel="nofollow,noindex">微信小程序实战课程之记账应用开发</a>  </li>     <li><a href="/misc/goto?guid=4959724770109656844" rel="nofollow,noindex">微信小程序实战课程之记账应用开发</a>  —— 用户注册与登录</li>     <li><a href="/misc/goto?guid=4959724770200218870" rel="nofollow,noindex">微信小程序实战课程之记账应用开发（续）</a> —— 实现集成日期组件</li>     <li><a href="/misc/goto?guid=4959724770283989811" rel="nofollow,noindex">微信小程序实战课程之记账应用开发（续二）</a> —— 服务端登录篇</li>     <li><a href="/misc/goto?guid=4959724770367382678" rel="nofollow,noindex">微信小程序实战课程之记账应用开发（三）</a> —— 服务端实现账目CRUD</li>     <li><a href="/misc/goto?guid=4959724770447744592" rel="nofollow,noindex">微信小程序实战课程之记账应用开发（完结）</a> —— 对接服务端账目CRUD</li>    </ul>    <p>这些不错的资源你可能也会感兴趣：</p>    <ul>     <li>EarlGrey 的  <a href="/misc/goto?guid=4959724770538018335" rel="nofollow,noindex">手把手教你微信小程序开发</a> ，参考Demo一步一步实现小程序开发。</li>     <li><a href="/misc/goto?guid=4959724770624528208" rel="nofollow,noindex">用 cnode 社区 api 做微信小应用</a> 实例教程，两位老司机主讲。</li>     <li>andot 的  <a href="/misc/goto?guid=4959724770709278689" rel="nofollow,noindex">如何在微信小程序中使用 Hprose</a> ，据说是独门绝技。</li>     <li>风程序 的 微信小程序开发教程，步骤都列出来了。</li>     <li>Phodal 的  <a href="/misc/goto?guid=4959724770791578609" rel="nofollow,noindex">使用 WebStorm 让你的「微信小程序」运行在Chrome浏览器上</a> 。</li>    </ul>    <h3><strong>三、DEMO 源码</strong></h3>    <p>在实战之初，有些源码能够参考那真是极好的。目前码云上公布源码的和小程序相关的Demo已经非常非常多，各个类型的都有，在此仅列出部分，更多可在码云上搜索。</p>    <p><strong>1、 wmusic </strong></p>    <p>微信小程序版简易情绪播放器 Demo</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/662ee1b0394e981a6e085e67bf2e2d70.gif"></p>    <p><strong>2、finance</strong></p>    <p>上文提到的实战课程之记账软件开发 Demo。该作者还发布了灵犀新闻客户端、灵动电商开源系统等等基于小程序的 Demo 源码，以及下拉菜单、单选按钮等组件源码，都可去看看。</p>    <p style="text-align: center;"><img src="https://simg.open-open.com/show/a679599b6a756903772b84e34b382487.png"> <img src="https://simg.open-open.com/show/0884b849ab86804e17de7a84eab66064.jpg"></p>    <p><strong>3、weixin —— zcoco</strong></p>    <p>仿【微信】APP</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/b5d055524796f329a36f91bd7fabf2de.png"></p>    <p><strong>4、WechatSmallApps —— oopsguy</strong></p>    <p>豆瓣图书+知乎日报 Demo</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/a69cdd223fc0e4c7e49ef42fdd9127c3.jpg"> <img src="https://simg.open-open.com/show/ad4b1c93909e4295e968cba6bce85586.png"></p>    <p><strong>5、weixincalculator —— Edik</strong></p>    <p>计算器 Demo</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/b76fa522458fbedabde97aca6b0765a9.png"></p>    <p><strong>6、wxapp-Breakfast —— hayeah</strong></p>    <p>小林早厨 Demo</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/c2be1d8dc1cdefe4e06091be7662afa5.jpg"></p>    <p><strong>7、SmallAPP —— qieangel2013</strong></p>    <p>购物 Demo</p>    <p style="text-align:center"><img src="https://simg.open-open.com/show/139f5150c6765415a0451da5e58a187d.jpg"></p>    <h3><strong>四、教学视频</strong></h3>    <p>在参考文字的操作过程中可能会出现一些难以发现的小问题，导致最终跑起来会有点瑕疵。因此，对照视频进行操作不失为更直观的学习方式。</p>    <p> </p>    <p> </p>    <p>来自：https://my.oschina.net/tudoujing/blog/784672</p>    <p> </p>