从零开始学做微信小程序,看这些就够了!
随着正式开放公测,微信小程序再次万众瞩目,越来越多的企业和个人涌入到小程序开发的大军中。小程序究竟是什么?适合做小程序的产品有哪些?做小程序需要提前准备什么?如何零基础学做小程序?此文,将列出OSC上优质的资源供大学了解和学习。
一、新手入门
有关小程序的入门,首选自然是官方文档。 它解释了基本概念,有简单的设计指南和开发教程,能让你很好地对小程序有初步理解。
看完这些你会发现,小程序主打的是比APP更轻量的形态,简单的开发,却接近app的体验,无需下载,扫码打开。那么,一些刚需且高频的金融类、电商类、教育类等其实是不适合接入小程序的。这些对功能的要求都很重,小程序难以承载。而且小程序不能像微信公众号一样被关注、群推送消息以及转发朋友圈,这也就意味着,它没有办法获取用户更多的信息,也不便于深度营销。
小程序适用哪些产品?
- 功能很轻,用完即走的,如刚需且低频的服务类、旅游类等
- 基于社交场景的轻应用,或者说基于轻社交的应用
- 非即时、可异步的应用
- 初创型企业的MVP产品
- 开发和设计能力有限的产品
- 以及更多……
这些不错的资源你可能也会感兴趣:
- 【微信小程序开发•系列文章一】入门,这篇是jsongo0 编写的系列文章的第一章,包含了小程序的介绍和前期准备工作。
- memda 的 5款微信小程序开发工具使用报告,可以帮助你提前选择合适的开发工具。
- 腾讯Bugly 的 聊一聊微信小程序,这篇文章里有多位开发人员对小程序的看法,以及利弊探讨等等,能更好的理解小程序理念和适用场景。
- 小程序的 API 文档 (非官方)。
二、开发实战
从9月22日凌晨微信小程序开始内测,就有不少开发者抢先进入小程序进行体验,并发表了大量的开发实战文章。这其中,有针对各个步骤、环节详细的开发教程、有针对单个项目的实践经验,有系列,有单篇……但对于初学者来说,都是极具有参考意义的资源。
1、博卡君 小程序开发系列教程:
在小程序公布内测不到10小时内即“神速”推出的开发系列教程,轰动一时。该系列内容从基础知识到项目实例都有详细表述,博主每日吐血赶稿,可歌可泣。:)
- 全球首个微信小程序(应用号)开发教程!通宵吐血赶稿 —— 序言、准备工作、项目构架
- 第二弹!全球首个微信小程序(应用号)开发教程 —— 项目实例:结构以及配置、首页面开发
- 第三弹!全球首个微信小程序(应用号)开发教程 —— 项目实例:名片夹详情页、个人页面开发
- 第四弹!全球首个微信小程序(应用号)开发教程 —— 项目实例:编辑名片页面开发
- 第五弹!全球首个微信小程序(应用号)开发教程 —— 项目实例:分组开发与左滑功能实现
- 第六弹!全球首个微信小程序(应用号)开发教程 —— 项目实例:拍照收纳开发以及删除名片等
2、jsongo0 小程序开发系列教程:
和博卡君更偏向项目实例的讲解不同,jsongo0的系列文章更偏向从理论着手,对小程序各个特性、功能、版块进行了详细的分析与解读,并赋予独有的实践思路,内容详细全面,值得深看。(第一章在“新手入门”部分)
- 【微信小程序开发•系列文章二】视图层
- 【微信小程序开发•系列文章三】数据层
- 【微信小程序开发•系列文章四】模块化
- 【微信小程序开发•系列文章五】主界面
- 【微信小程序开发•系列文章六】生命周期和路由
- 【微信小程序开发•系列文章七】websocket
3、腾讯Bugly 小程序开发思考总结:
本文针对作者自己开发的“信用卡还款”项目,进行实践总结和思考,从创建项目,到编写代码,到运行、生成等等,整个过程都进行了详细的记录和说明,值得参考。
4、秀杰 小程序开发系列教程:
同样是实战系列开发教程,针对记账应用进行了详细的讲解。作者在更新该系列的同时,还更新了开发新闻客户端、开发加法计算器应用、实现购物车页面等实战课程,实力毋庸置疑。
- 微信小程序实战课程之记账应用开发
- 微信小程序实战课程之记账应用开发 —— 用户注册与登录
- 微信小程序实战课程之记账应用开发(续)—— 实现集成日期组件
- 微信小程序实战课程之记账应用开发(续二)—— 服务端登录篇
- 微信小程序实战课程之记账应用开发(三)—— 服务端实现账目CRUD
- 微信小程序实战课程之记账应用开发(完结)—— 对接服务端账目CRUD
这些不错的资源你可能也会感兴趣:
- EarlGrey 的 手把手教你微信小程序开发,参考Demo一步一步实现小程序开发。
- 用 cnode 社区 api 做微信小应用 实例教程,两位老司机主讲。
- andot 的 如何在微信小程序中使用 Hprose,据说是独门绝技。
- 风程序 的 微信小程序开发教程,步骤都列出来了。
- Phodal 的 使用 WebStorm 让你的「微信小程序」运行在Chrome浏览器上。
三、DEMO 源码
在实战之初,有些源码能够参考那真是极好的。目前码云上公布源码的和小程序相关的Demo已经非常非常多,各个类型的都有,在此仅列出部分,更多可在码云上搜索。
微信小程序版简易情绪播放器 Demo
上文提到的实战课程之记账软件开发 Demo。该作者还发布了灵犀新闻客户端、灵动电商开源系统等等基于小程序的 Demo 源码,以及下拉菜单、单选按钮等组件源码,都可去看看。
仿【微信】APP
4、WechatSmallApps —— oopsguy
豆瓣图书+知乎日报 Demo
5、weixincalculator —— Edik
计算器 Demo
6、wxapp-Breakfast —— hayeah
小林早厨 Demo
7、SmallAPP —— qieangel2013
购物 Demo
四、教学视频
在参考文字的操作过程中可能会出现一些难以发现的小问题,导致最终跑起来会有点瑕疵。因此,对照视频进行操作不失为更直观的学习方式。
1、博卡君 小程序 Demo 视频
在内测期间更新完多篇开发实战教学文章后,博卡君发布了 Demo 的演示视频,并对系列教程进行了总结,发表了开发感悟。在小程序正式公测后,再次更新了项目真机实测 Demo 视频。
视频地址:
2、秀杰 小程序加法计算器视频
微信小程序(应用号)零基础课程之加法计算器应用。
视频地址:
从零开始学做微信小程序,看这些就够了!的更多相关文章
- 边做边学入门微信小程序之仿豆瓣评分
微信小程序由于适用性强.逻辑简要.开发迅速的特性,叠加具有海量活跃用户的腾讯公司背景,逐渐成为了轻量级单一功能应用场景的较佳承载方式,诸如电影购票.外卖点餐.移动商城.生活服务等场景服务提供商迅速切入 ...
- 通过微信小程序看前端
前言 2016年9月22日凌晨,微信官方通过“微信公开课”公众号发布了关于微信小程序(微信应用号)的内测通知.整个朋友圈瞬间便像炸开了锅似的,各种揣测.介绍性文章在一夜里诞生.而真正收到内测邀请的公众 ...
- 微信小程序的开发:通过微信小程序看前端
前言 2016年9月22日凌晨,微信官方通过"微信公开课"公众号发布了关于微信小程序(微信应用号)的内测通知.整个朋友圈瞬间便像炸开了锅似的,各种揣测.介绍性文章在一夜里诞生.而真 ...
- 微信小程序看上去很美
目前不少关于 微信小程序 的文章主要集中在两各方面:一是开发技术细节:二是怎么靠此赚钱. -- “微信小程序”所处的环境 -- 2016年初,美国号召全民学编程,包括监狱服刑人员.同样,在中国要想掌握 ...
- 想做微信小程序第三方代理,各位觉得一键生成平台能赚到钱吗?
这几年生意不景气,这是很多人的共识.从2009年开始,各种专家就判断"明年经济是最差的一年."然后,这个明年,一直"明"到了2018年,到最后,我们发现,经济就 ...
- 你的产品适不适合做微信小程序?你需要这篇产品逻辑分析
自2017年1月9日张小龙宣布万众瞩目的“微信小程序”正式上线了.以名字看,感觉像是突出了“将你的程序接入微信”的意思. 我们此前分析过微信的功能迭代节奏:一般微信重要的功能规划周期,大约会在在9 ...
- 天河微信小程序入门:阿里云tomcat免费配置https
天河君在第一时间通过了微信小程序验证,开启了我的微信小程序之旅.因为天河君之前是一名后端狗,对前端不是很了解,所以几乎可以认为是从零开始学做微信小程序.也希望有志在微信小程序方向做点事情的朋友能够和我 ...
- [转]微信小程序(应用号)是什么,是否值得投入进来做?
本文转自:http://www.woshipm.com/it/417887.html 距离张小龙的那场首次公开演讲已经有九个月了,而在那场演讲中备受关注的「应用号」在千呼万唤中终于以「小程序」的名字正 ...
- 用Taro做个微信小程序Todo, 小白工作记录
微信小程序框架: Taro 做微信小程序的框架, 几个比较主流的: 官方的WePY: https://tencent.github.io/wepy/document.html#/ 美团的mpvue: ...
随机推荐
- 【docker】docker基础原理,核心技术简介
关于docker的核心技术,就是以下的三大技术: 1.namespaces [命名空间] 使用linux的命名空间实现的进程间隔离.Docker 容器内部的任意进程都对宿主机器的进程一无所知. 除了进 ...
- struts2 <s:select>标记取包含map的list的值
如下list map.put("ID","001"); map.put ("NM","test1"); list.add ...
- 常见的Hadoop十大应用误解
常见的Hadoop十大应用误解 1. (误解) Hadoop什么都可以做 (正解) 当一个新技术出来时,我们都会去思考它在各个不同产业的应用,而对于平台的新技术来说,我们思考之后常会出现 ...
- 《3D打印:三维智能数字化创造(全彩)》
<3D打印:三维智能数字化创造(全彩)> 基本信息 作者: 吴怀宇 出版社:电子工业出版社 ISBN:9787121220630 上架时间:2014-1-13 出版日期:2014 年1月 ...
- 【BZOJ】【1091】【SCOI2003】切割多边形
计算几何+枚举 我比较傻逼……一开始想了个贪心,就是这样:
- pytorch 学习问题
https://pytorch.org/tutorials/beginner/blitz/neural_networks_tutorial.html#sphx-glr-beginner-blitz-n ...
- Gson 使用总结 高级用法
Gson基本用法 参考:http://www.jianshu.com/p/e740196225a4 Gson提供了fromJson() 和toJson() 两个直接用于解析和生成的方法,前者实现反序列 ...
- IE6与CSS样式兼容问题汇总
1.PNG半透明图片的问题 虽然可以通过JS等方式解决,但依然存在载入速度等问题,所以,这个上能不要用还是尽量不要用.以达到网站最大优化. 2.IE6下的圆角 IE6不支持CSS3的圆角属性,比较好的 ...
- IOS Key-Value Observing (KVO)
kvo,与观察者模式类似,通过给指定的对象设置观察者,来检测对象的变化,当指定的对象的属性被修改后,用于作为观察者的对象会接收到通知.简单的说就是每次指定的被观察的对象的属性被修改后,kvo就会自动通 ...
- 日程管理app
背景: 普通的笔记本显然具有保存占用较大空间的弊端.而笔记类app又借助于虚拟按键输入,便利度稍逊.假设使用电脑,又产生了较大空间的弊端. 手段: 成熟的书写识别技术 方法: 一.专有的划分有制定格子 ...