非计算机专业的我,总想着各种折腾,不会点编程可真折磨我。
好几次自学编程,又一直重复着从入门到放弃的循环。
痛定思痛,在慕课花了大几百软妹币。买了个前端基础课程,果然,穷人还是会给人民币面子的。
这钱,花得值!
这是成果,一个小程序,一个简单漂亮的倒数日工具。
想了解这个小程序的的诞生过程,接着往下看,不想听我叨叨的,欢迎体验。
由于不是计算机专业,之前也只是简单学过 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