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