纯自嗨：从零开始写一个小程序

mato

开个贴子，记录这件有意思的事情！

背景：
2 B9 M# C/ ?) y6 R) A# {9 j冲突一：想学习，却找不到好工具
今年春节遇上了疫情，我宅在家里，处于“失业”状态，作为有志青年，不想每天刷剧、刷抖音，想着装一下B，提高一下英语水平。
  }6 e6 e3 L9 h5 j2 K- y
, F6 n; f8 F" i6 Z8 M# ?( P' L于是，在朋友圈疯狂的广告洗脑下，我下载了几个当时很火的App，很认真地投入学习。
然并卵，使用了一段时间之后，发现效果不太理想：首先，这些App记单词过程太过于复杂，很多都提供了多种助记的方法，除了常规的词根词缀、联想记忆以外，还有图片记忆、电影情节记忆、思维导图记忆等，这样的好处是当时很容易记住单词，坏处就是忘得也很容易，大量的助记材料无形中增加了记忆的工作量，增加了记忆的负担，从而偏离了记单词的初衷；其次，练听力的功能普遍都是提供新概念英语或者VOA、BBC、TED等听力材料，对于基础不好的我，感觉在听天书；
5 k4 J$ @$ y/ Z0 M2 u( }2 Q, W, G难道就没有一款适合我这种菜鸟的App吗？
一个大胆的想法出现在我脑海里：自己开发一个App。

冲突二：计划自己开发，却不是专业人士
9 r/ E& ?& V$ {8 j! K7 E" L: y4 ~为什么说这个想法大胆呢？因为我虽然是一名搞技术的工程师，但仅限于机械行业的。我所接受的完整编程教育仅是在大学期间的《C语言程序设计》。所以对事情一无所知，严重缺乏相关知识储备，除了大胆，我也不知道怎么来形容这个想法了。
% a! u* P& @2 ?" T& n/ w但有句古话叫无知者无畏，而且作为理工男，我始终相信任何问题都有办法解决，只要你能够把问题描述得足够清楚。
因此这个想法一出现，我立马觉得应该去试试，结果怎样不重要，起码先行动起来。

行动：
# ~' ?- F  e1 k" t/ c; c* T先把问题描述清楚，我的目标是开发一个学英语的App，这款App应该功能简单，不能太过复杂。把它分解成两个问题：
1-怎样开发一个App？
2-应该具备什么功能才能用来学英语？

先来思考第一个问题：怎么开发一个App？
; G8 i. a6 F! b我把问题进行细分：
# O- u* |% c9 Z# O6 f+ @# a1- 什么是App?
2- 需要哪些知识储备？
3- 如何做？需要什么工具？
4- 有没有简单的方法实现？
经过一番搜索、学习、请教、记录和总结，这些问题渐渐有了答案。
: g* q4 l% l1 R
" ~7 U  J$ ~' X4 C& v' @& n1-what：什么是App？
- f9 l. L1 w8 _: \/ V' yApp是应用application的简称，我这里说的App是指手机端的App。
根据开发模式，目前的手机App可分为3种类型：原生、H5、Hybrid。它们有各自的优劣势：
            

类别	概述 - l$ m! a) n4 b% y/ A! Q( c! X	优势	劣势 : i( L5 t0 J- i- D/ _
原生应用 (Native + q) I. k: Y1 f' k  App) # `+ v* i7 f7 \	原生App就是利用Andriod、ios平台官方的开发语言、开发类库、工具进行开发。比如安卓的java语言，ios的Swift语言。在应用性能上和交互体验上应该是最好的. ) x4 q; t4 F* R9 W$ V/ |	1-可以访问手机所有功能、可实现功能最齐全； $ w# p) b. c- \0 r2-运行速度快、性能高，绝佳的用户体验； 1 _+ M  s( x; r. G: C, p( M3-支持大量图形和动画。不卡，反应快；   _' h( f0 T# Y' P4-比较快捷的使用设备端提供的接口，处理速度上有优势；	1-开发成本高、周期长，Android和ios都需要单独的开发； 2-更新版本需要重新下载安装包；
H5应用 (Web App)	用普通web开发语言开发的，通过浏览器运行。	1-使用web语言，开发门槛低、周期短； 5 Y- K: l9 v2 J* P5 E5 I- P2-支持多种浏览器，兼容性好； 3-免安装，使用浏览器打开，更新无需用户参与； - B; i# A* y4 U5 L1 U7 D) x1 k	1-对联网要求高，离线不能承载太多东西； 2-功能有限；   }! p4 x: l' v3-运行速度慢，页面不能承载太多东西； 4-图片和动画支持性不高； 5-体验感不如原生和混合App；
混合版应用 (Hybrid # f8 l  X! ?; D% o2 }. B  App)	既利用了原生APP开发技术还利用了HTML5开发技术，是原生和HTML5技术的混合应用。混合比例不限。目前市面上流行的小程序和快应用就是采用Hybrid技术。	1-运行速度比Web  App快，可调用部分设备端口； # H3 w7 F' u5 o, s% U2-开发周期比原生App短； 3-可以跨平台，Android和ios不需要单独的开发； + j: ^+ N( w, u, K# n. Y8 q. g& P4-免安装，打开就能用，更新无需用户参与；	1-功能接口受限于原生App的支持程度； 2-体验感优于Web App，但差于原生App；

$ \- r/ l' t) y( O0 W        
0 H: z' s* v0 I0 E% [7 b# E; c, f* L
$ f5 v* c$ V3 G$ ?1 s2 O2-why：需要哪些知识储备？
App开发的流程大概分为几个阶段：需求分析-->架构设计-->后端开发-->前端开发-->测试。每个阶段都需要相应的知识。


需求分析：
  V' m) f' b$ @需求分析也称为软件需求分析，是开发人员经过深入细致的调研和分析，准确理解用户和项目的功能、性能、可靠性等具体要求，将用户非形式的需求表述转化为完整的需求定义，从而确定系统必须做什么的过程。这是软件工程专业的相关知识。
* m, V: I* W* c3 L% ^( i& [" Y* T
( Z* A; ?- B: s( r
* {$ G9 N- V2 [$ ]0 j" M5 w2 ~. }, Y
架构设计：
需要架构设计是将客户的需求转换为规范的开发计划及文本，并制定这个项目的总体架构，指导整个开发团队完成这个计划。架构设计是软件设计过程的早期阶段，它把需求分析和设计流程连接在一起。需要对开发技术（包括前端和后端）有深入的了解。
0 i7 u0 ~6 O6 l
4 y. h5 N( l8 m0 f5 f% j/ Y

后端开发：
6 H. W+ z! X% \5 E后端是指服务器相关的统称，包含服务器、数据库。
服务器搭建与开发，常用语言和工具：Nginx、Java、Shell、Python、PHP、node.js等；
数据库开发，常用知识：关系型数据库mySQL，非关系型数据库MongoDB；



; |7 J" @" `/ Y  i8 k前端开发：
* n) ]( t( b4 M6 |前端是手机端的开发，包括UI界面、响应逻辑、数据的请求。
前端三大基础技术：HTML5、CSS、JavaScript；
流行的前端框架：Angular、vue.js、React；
原生App开发语言：Swift(iOS平台)；Java(Android平台)；
  @# V6 c5 V9 c9 q1 ]4 ]

/ B( I8 H/ t, x& G

3 D* A) z6 m6 _$ s) _) x3 k测试：
包括功能测试、性能测试、压力测试等。



  M- G! q8 H4 n0 X3-how：怎么做？需要用到什么工具？
看书、看视频教程、看开发文档、模仿实践；
基本上各种语言都有各自的开发工具(IDE)，学到哪个就用哪个。
/ b4 b( e0 q+ e' |' B# u
4 k/ h# ]1 \4 s! _4-how good：有没有简单的方法实现？
随着了解的越深入，越发现这个事情没有想象中那么简单。这是一个系统工程，涉及太多的知识，需要不同岗位的人配合，就好比开发一台设备，需要机械工程师、电气工程师、工艺工程师、采购工程师等一起合作才能完成。
难道一个人就真的不可能完成？我开始动摇，直到后来看到了“全栈开发”这个名词，眼前一亮，信心立马恢复。全栈开发是指一个人搞掂前端和后端。随着技术的发展，市面上有很多现成的框架，借助这些框架来实现一个小项目这个可能还是有的。
/ b6 F: \7 A5 q2 p1 ]1 l
那么接下来就是确定开发的模式：
' m1 Y% q. Q0 e5 j# J" [( i首先排除开发原生应用，难度实在太大，不符合我的情况。只能在H5和Hybrid之间选择，H5是门槛最低的，但我预计后期会用到手机摄像头和话筒这些硬件，这些是H5的劣势。那么目前看来Hybrid是最合适的选择，而且此时微信小程序开始火起来，各种开发教程和案例都丰富起来。于是，我最终确定做微信小程序。后来，微信小程序推出了云开发，妈呀，我感动得快要哭了，腾讯真的太照顾我了，这样又帮我解决了后端开发的问题。
. T  b7 p8 j) N( ^3 ^( ?! e关于开发的问题，确定开发模式后，剩下的就是恶补微信小程序的相关知识。
8 i3 Z, S7 e/ M: C2 t
* z$ N8 z& g. r, ]9 s第二个问题是APP应该具备什么功能才能用来学英语？后面继续记录。。。。

+ p; c" m8 G' d& ]

机械自动化学者

楼主牛批，期待更新

科技的疯狂

等更新

无锡旭峰门业

牛批，点个赞

江苏阿虎wyh

此事意义重大！给楼主点赞！

m2006410

good  用心

嘻哈屠龙

给楼主点赞！

军师大大

想法不错，可以看看比邻国APP，可以学习很多语种

mato

确定开发微信小程序后，那后面所有的工作就以这个展开。

我把这事分成三个步骤：
; H" R6 ?# Q! w* ?  }1-先学习前端三大基础知识：HTML5、CSS、JavaScript，了解vue.js；
  j! W) n; h- M  q+ d2-学习小程序的开发教材及案例：官方的开发文档和教程、优秀大咖的课程；
3-以实际需求为驱动，开始写程序，边写边学；
. ]' e7 f/ `" c$ S7 a
9 J- F9 r' l# j; b0 J! D
学习过程中找了很多学习资料，经过学习和筛选，我认为最有用的有以下几个，如果各位社友感兴趣可以去了解：
1-菜鸟教程：
4 U/ g. `7 [, B3 r此网站有详细的教程资料，包括前端三大技术、服务器、数据库等，非常详细。
) w* b+ z( a. g" c5 w3 I+ `

2-官方文档：
小程序的官方开发文档，可以先粗略阅读一遍，在写代码时再查找具体的组件或者API。
5 x- ^7 H& }! r# V! M- B4 j
1 c; U- F/ s, N4 i/ ?: _. @
3-官方视频教程：
5 a% K2 p% L9 r4 e0 A2 c# t分类三个阶段，包括小程序开发、小程序云开发、小程序项目，可以反复观看。
4 l8 ?- X% e. |! _6 Y" X7 m6 g8 A
6 u8 Z1 s  s" [* R+ r7 C. S, f
4-CSDN：
: A4 R2 p+ H7 Q, a9 _6 {, R一个程序员的必威体育网址，只要遇到疑问，90%可以在这个地方找到答案。
, s; r( {5 z, G  ^4 u

5-B站：
% G9 j5 G  p3 b: r5 s一个包罗万有的必威体育网址，有大量的视频教程，包括HTML5、CSS、JavaScript、小程序开发。

8 c# S4 h5 i* g0 l- f+ u( D( @$ x备注：由于我没有权限发表包含URL地址的信息，所以无法贴上链接。以上的资料都可以百度找到。如果实在找不到，有兴趣的可以私信我。
学习过程中，也走过一些弯路：
, f* V  g. y/ p) k1- APICloud，一个低代码开发平台，需要购买他的资源，私房钱不多，放弃；
2- DCloud，一个可以一次开发，多端覆盖的开发框架，就自己一个人使用，就一个平台，不需要多端覆盖，放弃；

# Q. K5 H$ ~% }9 l  g

mato

机械自动化学者 发表于 2021-1-6 08:05
. ~+ D% M. W2 `5 }0 t楼主牛批，期待更新

3 b8 @! S8 p+ E" m" l谢谢！不牛批，本人普通技术一枚，就是兴趣广一点，有一点点动手能力。