分享创造 自学编程,写了人生第一个小程序

junbin · 2019年12月01日 · 最后由 junbin 回复于 2019年12月05日 · 474 次阅读
本帖已被设为精华帖!

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

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

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

这钱,花得值!

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

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

自学编程阶段

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

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

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

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

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

emmm~~~

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

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

开干!

开发前准备

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

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

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

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

image-20191130144429441

怎么做出(对,谈不上设计)不难看界面,提供两条思路:

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

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

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

Dribbble:https://dribbble.com/

image-20191130150517110

什么?图标!

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

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

image-20191130151549185

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

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

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

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

image-20191130151948439

开发过程中

总算开始打代码了!

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

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

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

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

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

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

image-20191130154156676

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

第一版发布

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

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

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

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

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

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

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

共收到 7 条回复
cmlanche 将本帖设为了精华贴 12月01日 10:39

半夜写的文章,老弟,早点睡啊

cmlanche 回复

不小心注册了两个账号……邮箱一个,github一个,能合并吗……

tengfei 回复

不能,没事,你想用哪个就哪个,不影响

很棒的小而美的作品,喜欢!

cmlanche 回复

确实半夜写的😜

cmlanche 回复

谢谢!

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册