不会编程?不存在!零基础编写自己的红包小程序

初心

本文希望给正在打算学习编程的同学们分享一些开发心得,选择时下比较火的微信小程序作为起步语言。别担心,本教程面向没有任何编程基础朋友们,各路大神可以自动略过。

释义

微信小程序,是一种不用下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户通过微信扫一扫或者搜一下即可打开应用。

前戏

当我们在学习一项新的技能时候,一开始如果遇到挫折或困难往往会知难而退,三分钟热血,其实这并不是什么丢脸的事情,人性如此。

那么我们怎么来克服一些前期学习上的障碍,从而可以持续高效的掌握小程序开发的各种知识呢?

引用一个心理学知识--成瘾机制,大多数人都喜欢玩游戏,为什么游戏能够让人这么上瘾,可以霸占大家这么多的时间在手机或电脑上,而学习不行?

因为这些让人上瘾的东西都有一个共同点--奖赏,人们之所以会对某个事物成瘾,本质上是这个事物不断刺激我们大脑中的奖赏回路,游戏就是一个不断刺激我们大脑中的奖赏机制从而使我们形成依赖成瘾的这样一个过程。

回忆一下我们那些爱不释手的游戏,装备掉落,卡牌抽取,不断消掉的方块,跳过的箱子等等这些元素可以在短时间内频发触发我们大脑内的奖赏机制,让我们欲罢不能。 而学习呢,是一个漫长的过程,你可能很难在短期内有所收获,更有可能长时间都没有任何回报。也就是说学习在奖赏机制的触发上是相对滞后的。

既然我们知道了这个原理,那么答案就已经非常清晰了,让我们对一件事情上瘾,就要让这件事情不断给我们回报和奖赏。对学习上瘾,那么我们就应该让学习尽快给我们回报。

所以,在真正开始如何开发之前,大家将先收获一个回报,因为你阅读了这篇文章,迈出了学习编程的第一步,你将首先免费获得红包小程序的源代码。当你第一次可以运行自己编写的程序时,那种成就感不是跳过几个箱子所能比拟的。

入局

1.账号注册

登陆微信公众平台,注册小程序账号。这边的账号类型有企业和个人,开通微信支付等高级功能需要交给腾讯爸爸300元认证费。账号注册好之后登陆到小程序后台页面,如下图。

2.工具下载

工欲善其事必先利其器,下载微信官方提供的开发工具,也可以使用其他第三方提供的开发工具。官方的工具查看效果和打包上传比较方便,代码编写功能稍弱。 可以使用WebstormSublime等编辑工具进行编码,配合官方工具调试。

开发工具如下:

3. 代码构成

小程序的代码构成非常简单,你只需要记住4种文件,全部开发逻辑都是围绕着这4种文件展开的。他们分别是.json文件,.js文件,.wxss文件,.wxml文件。

.wxml是页面文件,如果知道HTML的话,你可以把它当成小程序里面的HTML文件。不知道也没关系,只需知道呈现在你面前的小程序页面主文件是它就ok了。

.wxss是样式文件,如果知道CSS文件的话,那么就把它当作CSS文件就可以了。不知道也没关系,页面的样式比如颜色大小这类信息都可以配置在这个文件里面。

.json是页面配置文件,包括顶部信息,顶部颜色等。

.js是逻辑实现文件,就是javascript文件,包含页面的全部逻辑方法与数据绑定内容。

那么后面我们在开发更多的页面的时候,创建对应的4个文件就可以了。

4.如何开发

本篇为系列首篇,请继续关注公众号的后续教程。

寄语

成功没有捷径,本文想要告诉那些想要学习编程但还没有迈出脚步的同学们,不要怕那些对你说“现在学太晚了”,“编程是吃青春饭”,“你没有这个天赋”的人们。 坚持自己的想法,要想种一棵好树,最好的时间是十年前,其次是现在。

同样分享一段话给那些热爱编程的小伙伴们,希望你们在遇到挫折或意志消沉的时候仍然可以看看下面这段话。

“学习开发软件会改变你,让你与众不同。不论是好的不同还是坏的,反正是不同。你会发现,因为你会开发软件,人们会对你很冷淡,会用“书呆子”这样的词形容你。你会发现,由于你善于剖析逻辑,人们痛恨跟你辩论。你甚至会发现,只是简单的懂一些计算机原理都会给你带来很多烦恼,让你跟他们比起来怪怪的。

对于这些问题,我只有一点小建议:让他们去死吧。这世界需要更多的能知道事情如何工作、喜欢去探索的人。当他们这样对待你时,你要记住,这是你的生活,不是他们的。与众不同不是罪恶,人们这样对你只是出于嫉妒,嫉妒你拥有一项他们在梦中都无法拥有的技能。

你会编程,他们不会,这真他妈的酷毙了”。

引自《Learn Python The Hard Way, 2nd Edition》尾声部分。

彩蛋

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180101G0LCPH00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券