自学编程，写了人生第一个小程序

junbin — Sun, 01 Dec 2019 02:10:27 +0800

非计算机专业的我，总想着各种折腾，不会点编程可真折磨我。

好几次自学编程，又一直重复着从入门到放弃的循环。

痛定思痛，在慕课花了大几百软妹币。买了个前端基础课程，果然，穷人还是会给人民币面子的。

这钱，花得值！

这是成果，一个小程序，一个简单漂亮的倒数日工具。

想了解这个小程序的的诞生过程，接着往下看，不想听我叨叨的，欢迎体验。

自学编程阶段

由于不是计算机专业，之前也只是简单学过 Python！

抱歉，这两年 Python 真的好火，但由于没法实现我做一个独立、线上、能面向大众的产品，我也学的好火。

所以，前端的东西，还得从头开始学习。

断断续续大概花了 2 个多月的时间，入门了 HTML、CSS、JavaScript 最基本的语言。

嗯，很好，会写那种会自己动的界面了，就像这种轮播图。

emmm~~~

还差什么？写个网站吧，但是一想到又是买域名，又是搭建服务器，还有后端一堆杂七杂八的事情。于是我成功被劝退了。

这时（也不是这时，只是为了过渡），看到了微信小程序的云开发，不用自己搭建服务器，还是免费的，贫穷人家的第一选择。

开干！

开发前准备

做个小工具吧，也符合小程序的载体。

从我在使用的倒数日工具开始，以解决自己的需求出发。

不过我还是在微信找了一圈，很满意，没有发现好看且好用的同类产品，也符合产品经理改变世界的梦想。

没有产品草图，更没有交互原型，直接上手设计图，它长什么样子，在我脑子里有画面。

怎么做出（对，谈不上设计）不难看界面，提供两条思路：

① 照官方提供的设计指南来开发，或者使用第三方 UI 框架。

微信小程序设计指南：https://developers.weixin.qq.com/miniprogram/design/

② 去 Dribbble 找类似设计稿，上面有好多在大众审美之上的作品。尤其是配色，值得借鉴！

Dribbble：https://dribbble.com/

什么？图标！

马上就到很像科幻小说的一个年份了，图标还自己设计啊。是 iconfont 不香了吗？

话说回来，iconfont 的图标是很齐全，但风格不统一的问题，还是影响到了我使用他的决心（用 iconfont 管理图标依旧很香）。

于是，所以我用了谷歌家 Material Design 的图标，图标齐全，风格统一。

最重要的，不像苹果有一段时间，图标的线条细细的，很像娘炮。

iconfont：https://www.iconfont.cn/

Material Design：https://material.io/resources/icons/

开发过程中

总算开始打代码了！

没有用流行的小程序框架（mpvue、wepy、taro），实际上，小程序本身就是一个框架。

原生小程序由专业的小程序团队维护更新，这是社区开源项目无法比拟的。

尤其想到 mpvue 已经半年没更新了。

小程序 MVP 的开发过程还算顺利，但坑不算少，大部分我都消灭了，不过，有些留有余孽。

比如我觉得用默认字体来显示首页的天数，不好看。

找了还不错的字体，发现小程序对外部加载的字体，着实不友好，在这上面花费了不少时间，至今 iOS 字体显示还时好时坏。

因为是个倒数日工具，我主要的精力放在处理日期上，毕竟这是产品的主要功能，不能出错。

第一版发布

写完第一版，肯定要发布。

这就不得不说个人主体的小程序了，真的非常受限。

原本想着我这个产品，应该是比较符合微信小程序口味：工具类，用完即走。

没想到，第一次提交审核通过后，后面修复 bug，再提交，不给通过了。

转腾着换了个企业主体，审核速度快多了，所以有条件，还是建议搞个企业主体的小程序。

显然，这里需要放一个小程序的二维码。

最后，我把这个小程序开源了：https://github.com/junbin123/likeday

junbin (伍俊滨)

自学编程，写了人生第一个小程序

自学编程阶段

开发前准备

开发过程中

第一版发布