文档章节

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

王练
 王练
发布于 2016/11/09 11:30
字数 2064
阅读 28591
收藏 505
点赞 28
评论 22

随着正式开放公测,微信小程序再次万众瞩目,越来越多的企业和个人涌入到小程序开发的大军中。小程序究竟是什么?适合做小程序的产品有哪些?做小程序需要提前准备什么?如何零基础学做小程序?此文,将列出OSC上优质的资源供大学了解和学习。

一、新手入门

有关小程序的入门,首选自然是官方文档。 它解释了基本概念,有简单的设计指南和开发教程,能让你很好地对小程序有初步理解。 

看完这些你会发现,小程序主打的是比APP更轻量的形态,简单的开发,却接近app的体验,无需下载,扫码打开。那么,一些刚需且高频的金融类、电商类、教育类等其实是不适合接入小程序的。这些对功能的要求都很重,小程序难以承载。而且小程序不能像微信公众号一样被关注、群推送消息以及转发朋友圈,这也就意味着,它没有办法获取用户更多的信息,也不便于深度营销。

小程序适用哪些产品

  • 功能很轻,用完即走的,如刚需且低频的服务类、旅游类等
  • 基于社交场景的轻应用,或者说基于轻社交的应用
  • 非即时、可异步的应用
  • 初创型企业的MVP产品
  • 开发和设计能力有限的产品
  • 以及更多……

这些不错的资源你可能也会感兴趣:

二、开发实战

从9月22日凌晨微信小程序开始内测,就有不少开发者抢先进入小程序进行体验,并发表了大量的开发实战文章。这其中,有针对各个步骤、环节详细的开发教程、有针对单个项目的实践经验,有系列,有单篇……但对于初学者来说,都是极具有参考意义的资源。

1、博卡君 小程序开发系列教程:

在小程序公布内测不到10小时内即“神速”推出的开发系列教程,轰动一时。该系列内容从基础知识到项目实例都有详细表述,博主每日吐血赶稿,可歌可泣。:)

2、 jsongo0 小程序开发系列教程:

和博卡君更偏向项目实例的讲解不同,jsongo0的系列文章更偏向从理论着手,对小程序各个特性、功能、版块进行了详细的分析与解读,并赋予独有的实践思路,内容详细全面,值得深看。(第一章在“新手入门”部分)

3、腾讯Bugly 小程序开发思考总结:

本文针对作者自己开发的“信用卡还款”项目,进行实践总结和思考,从创建项目,到编写代码,到运行、生成等等,整个过程都进行了详细的记录和说明,值得参考。

4、秀杰 小程序开发系列教程:

同样是实战系列开发教程,针对记账应用进行了详细的讲解。作者在更新该系列的同时,还更新了开发新闻客户端、开发加法计算器应用实现购物车页面等实战课程,实力毋庸置疑。

这些不错的资源你可能也会感兴趣:

三、DEMO 源码

在实战之初,有些源码能够参考那真是极好的。目前码云上公布源码的和小程序相关的Demo已经非常非常多,各个类型的都有,在此仅列出部分,更多可在码云上搜索。

1、wmusic —— 凌晨一点写东东

微信小程序版简易情绪播放器 Demo

2、finance —— 黄秀杰

上文提到的实战课程之记账软件开发 Demo。该作者还发布了灵犀新闻客户端、灵动电商开源系统等等基于小程序的 Demo 源码,以及下拉菜单、单选按钮等组件源码,都可去看看。

 

3、weixin —— zcoco

仿【微信】APP 

4、WechatSmallApps —— oopsguy

豆瓣图书+知乎日报 Demo

 

5、weixincalculator —— Edik

计算器 Demo

6、wxapp-Breakfast —— hayeah

小林早厨 Demo

7、SmallAPP —— qieangel2013

购物 Demo

四、教学视频

在参考文字的操作过程中可能会出现一些难以发现的小问题,导致最终跑起来会有点瑕疵。因此,对照视频进行操作不失为更直观的学习方式。

1、博卡君 小程序 Demo 视频

在内测期间更新完多篇开发实战教学文章后,博卡君发布了 Demo 的演示视频,并对系列教程进行了总结,发表了开发感悟。在小程序正式公测后,再次更新了项目真机实测 Demo 视频。

视频地址:

2、秀杰 小程序加法计算器视频

微信小程序(应用号)零基础课程之加法计算器应用。

视频地址:

© 著作权归作者所有

共有 人打赏支持
王练

王练

粉丝 2617
博文 15
码字总数 90251
作品 0
深圳
运营/编辑
加载中

评论(22)

johnnynie
johnnynie
感谢楼主的分享,总结的真全面,我也有一个感觉讲得特别全面、特别通俗易懂的小程序视频教程分享,链接:http://pan.baidu.com/s/1gf1KLEj
johnnynie
johnnynie
第三方
微信小程序社区俱乐部
微信小程序社区俱乐部

引用来自“子弹兄”的评论

引用来自“微信小程序社区俱乐部”的评论

引用来自“OSCharles”的评论

引用来自“微信小程序社区俱乐部”的评论

总结不到位 还缺少全国最大的微信小程序社区http://www.wxappclub.com 哈哈

引用来自“王练”的评论

:sweat:

引用来自“微信小程序社区俱乐部”的评论

来俱乐部玩儿吧
求注册码

回复@OSCharles : 进社区群 有码

@微信小程序社区俱乐部 社区群是多少?
59299253
子弹兄
子弹兄

引用来自“微信小程序社区俱乐部”的评论

引用来自“OSCharles”的评论

引用来自“微信小程序社区俱乐部”的评论

总结不到位 还缺少全国最大的微信小程序社区http://www.wxappclub.com 哈哈

引用来自“王练”的评论

:sweat:

引用来自“微信小程序社区俱乐部”的评论

来俱乐部玩儿吧
求注册码

回复@OSCharles : 进社区群 有码

@微信小程序社区俱乐部 社区群是多少?
王练
王练

引用来自“追夢人”的评论

微信小程序啥时候能公测?

@追夢人已经公测了
追夢人
追夢人
微信小程序啥时候能公测?
Codeyn
Codeyn

引用来自“pseudo”的评论

说实话,不看好这个

引用来自“Raymin”的评论

同上
稍微有点意识的都不会在微信上搞这些,动不动就随便封,不可能把鸡蛋放在别人的篮子里。
一起开源
我也收藏了一些教程:http://www.rm5u.com/wxyyh/yyh-intro.html
Rwing
Rwing
好像很厉害的样子
微信小程序社区俱乐部
微信小程序社区俱乐部

引用来自“OSCharles”的评论

引用来自“微信小程序社区俱乐部”的评论

总结不到位 还缺少全国最大的微信小程序社区http://www.wxappclub.com 哈哈

引用来自“王练”的评论

:sweat:

引用来自“微信小程序社区俱乐部”的评论

来俱乐部玩儿吧
求注册码

回复@OSCharles : 进社区群 有码
编程微刊第四期文章汇总(2018.4)

编程微刊创立也有一段时间了,在此感谢一直关注我的小伙伴们,你们的关注和支持,是我每天不断更新的动力,我每个月会总结一期微刊,方便大家的阅读。 1. 推荐文章 这个时代,抛弃你的时候,...

祈澈姑娘 ⋅ 05/04 ⋅ 0

2018三月实现计划成果及其四月规划

养成一个习惯,每个月月底坚持记录自己这个月实现了多少个自己定下的目标,每天进步一小点。 梅花主题特写照片,浙江湖州梅花沟一日游https://www.jianshu.com/p/859f3c09d1c8 开通搜狐和今日...

祈澈姑娘 ⋅ 03/31 ⋅ 0

如何不写代码上线自己的微信小程序

录了一段视频,教你如何在不写代码的情况下,免费发布一款自己微信小程序。 微信小程序门槛已经下降到个人了,很多不会写代码的人也想免费上线一款自己的小程序,该如何做到? 比如你有这些要...

⋅ 01/31 ⋅ 0

腾讯云+社区沙龙·小程序敏捷开发实战(北京)开启报名

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 作者:由云加社区技术沙龙发表在云+社区 2018伊始,最火爆的不是春晚和红包,而是从天而降的“跳一跳”。这款来自微信的轻量级小...

腾讯云+社区 ⋅ 03/22 ⋅ 0

教你在七天内无框架快速系统搭建小程序--喜马拉雅

这是一个不需要花哨、夸张、修饰的纯输出文章... 很多新手都喜欢一个人完成项目,从项目的规划、搭建,到实施、debug、验收,一整套流程都是自己纯手完成,当然,对于提高自己的整体开发能力...

沉睡的名侦探 ⋅ 前天 ⋅ 0

不安分的android开发者(小程序初尝试,前后台都自己做)

前言 作为一个稍微有点想法的程序员来说,拥有一个自己开发,自己运营,完全属于自己的应用,应该是很多人的梦想。刚毕业那会,自己的工作是做游戏,于是也和朋友业余时间开发一些小游戏玩玩...

xuelang ⋅ 06/06 ⋅ 0

开发了几个小程序后,说说我对小程序的看法

刚看到新闻,微信小程序MAU高达4.7亿,TOP100小游戏占比28% 小程序从发布前的大众期待,到刚发布时成为热点,再到迅速被人遗忘,再到后来慢慢发力缓慢爬坡 现在与一年前已经是完全不一样的情...

codeGoogle ⋅ 05/23 ⋅ 0

微信小程序——使用setData修改数组中的单个对象

微信小程序已经出来挺久的时间了,之前只是在文档上粗略的看了一下,最近稍得空闲,便利用微信小程序平台写一个练手的项目,顺便学习一下小程序开发,感觉大体跟前端开发基本类似,但是因为是...

Originalee ⋅ 05/30 ⋅ 0

Promise.all 应用一例

在做小程序地图开发的时候,需要在地图上放置不同图标的 ,而这些图标又来自网络,恰恰由于微信小程序的限制,不支持网络图片作为 的 值 微信小程序文档 但注意到也支持临时路径这句话,则可...

lip2up ⋅ 03/29 ⋅ 0

"口令红包"-利用函数计算构建微信小程序的server端

前言 函数计算 阿里云函数计算是一个事件驱动的全托管计算服务。通过函数计算,您无需管理服务器等基础设施,只需编写代码并上传。函数计算会为您准备好计算资源,以弹性、可靠的方式运行您的...

rsong ⋅ 02/06 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

NFS介绍 NFS服务端安装配置 NFS配置选项

NFS介绍 NFS是Network File System的缩写;这个文件系统是基于网路层面,通过网络层面实现数据同步 NFS最早由Sun公司开发,分2,3,4三个版本,2和3由Sun起草开发,4.0开始Netapp公司参与并主导...

lyy549745 ⋅ 30分钟前 ⋅ 0

Spring AOP 源码分析 - 筛选合适的通知器

1.简介 从本篇文章开始,我将会对 Spring AOP 部分的源码进行分析。本文是 Spring AOP 源码分析系列文章的第二篇,本文主要分析 Spring AOP 是如何为目标 bean 筛选出合适的通知器(Advisor...

java高级架构牛人 ⋅ 53分钟前 ⋅ 0

HTML-标签手册

标签 描述 <!--...--> 定义注释。 <!DOCTYPE> 定义文档类型。 <a> 定义锚。超链接 <abbr> 定义缩写。 <acronym> 定义只取首字母的缩写。 <address> 定义文档作者或拥有者的联系信息。 <apple......

ZHAO_JH ⋅ 54分钟前 ⋅ 0

SylixOS在t_main中使用硬浮点方法

问题描述 在某些使用场景中,应用程序不使用动态加载的方式执行,而是跟随BSP在 t_main 线程中启动,此时应用代码是跟随 BSP 进行编译的。由于 BSP 默认使用软浮点,所以会导致应用代码中的浮...

zhywxyy ⋅ 今天 ⋅ 0

JsBridge原理分析

看了这个Github代码 https://github.com/lzyzsd/JsBridge,想起N年前比较火的Hybrid方案,想看看现在跨平台调用实现有什么新的实现方式。代码看下来之后发现确实有点独特之处,这里先把核心的...

Kingguary ⋅ 今天 ⋅ 0

Intellij IDEA神器常用技巧五-真正常用快捷键(收藏级)

如果你觉得前面几篇博文太啰嗦,下面是博主多年使用Intellij IDEA真正常用快捷键,建议收藏!!! sout,System.out.println()快捷键 fori,for循环快捷键 psvm,main方法快捷键 Alt+Home,导...

Mkeeper ⋅ 今天 ⋅ 0

Java 静态代码分析工具简要分析与使用

本文首先介绍了静态代码分析的基本概念及主要技术,随后分别介绍了现有 4 种主流 Java 静态代码分析工具 (Checkstyle,FindBugs,PMD,Jtest),最后从功能、特性等方面对它们进行分析和比较,...

Oo若离oO ⋅ 今天 ⋅ 0

SpringBoot自动配置小记

spring-boot项目的特色就在于它的自动配置,自动配置就是开箱即用的本源。 不过支持一个子项目的自动配置,往往比较复杂,无论是sping自己的项目,还是第三方的,都是如此。刚接触会有点乱乱...

大_于 ⋅ 今天 ⋅ 0

React jsx 中写更优雅、直观的条件运算符

在这篇文字中我学到了很多知识,同时结合工作中的一些经验也在思考一些东西。比如条件运算符 Conditional Operator condition ? expr_if_true : expr_if_false 在jsx中书写条件语句我们经常都...

开源中国最帅没有之一 ⋅ 今天 ⋅ 0

vim编辑模式与命令模式

5.5 进入编辑模式 从编辑模式返回一般模式“Esc” 5.6 vim命令模式 命令 :“nohl”=no high light 无高亮,取消内容中高亮标记 "x":保存退出,和wq的区别是,当进入一个文件未进行编辑时,使...

弓正 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部