编程学习的四个阶段

Posted 2021-04-27 麻雀博客

上文《》有提过，我对《》这篇文章不满意。所以我决定再写一遍，以一个独立博客的立场，随心就好。

学习，终究是一件“反人类”的事情。一般人都是这样：能躺着刷抖音，绝不坐着翻书学习。这样一想，编程学习更“反人类”了。我连一个Windows XP都搞不定，你还指望着我深入了解计算机世界里的编程语言？

一门语言，比如说Python，涉及的技能点光看知识图谱都让人头大了，还有人能够啃书自学？做不到的吧。掏出一本《Python编程：从入门到实践》比新华字典还要厚，学习欲望瞬间打消一半。翻开细看，什么函数、什么变量一个概念都看不懂，像是在读天书。这得有多“苦大仇深”才能学的下去啊？

说到底，其实没这么难。你觉得难，是因为你没有一个靠谱的学习方法论。一般来说，方法论都是自己总结出来。但既然你打开了这篇文章，说明你多少存在一些问题和疑惑。巧的是，我和你一样，对编程学习的方法论仗二摸不着头脑。幸运的是，我提前替你走了许多你可能会踏上的弯路，并以此总结出了一套开箱即用的学习方法，以下为正文。

在众多编程语言中，我选择的方向是前端。严格来说，它不算一门编程语言。举个例子：你所知道的Java、Python和C语言等它们属于后端语言，前端与之相对，是一些编程语言的集合。

我用前端的学习方法举例，本质都是一样的，是共通的。读者可根据自己学习的编程语言举一反三，自行发散。有总结出来的好方法可以向我。

我的方法论是这样的：分阶段进行，一共有4个阶段。

准备阶段

从宏观层面出发，了解前端的技能树，依次分好阶段。需要掌握的技能如下：

html、CSS

javascript

HTTP

jQuery

Ajax、Git、VUE.js、Node.js、React、Flutter

Java、php

在利用 Google 搜索引擎进行了一番地毯式的搜索之后，我终于掀开了前端的第一层面纱，成功一窥它背后的技能树的样貌。我列出来的是简化版的，新手一看就能懂的那种，详细版的我附了图片。

所以你看，要学前端，就得先学HTML和CSS这俩技能，这是基础，是入门必备。

别以为我列出来的少了，这里面每一个概念背后对应的都是好几本新华字典厚的学习参考书。更别说那个详细版的技能树了，换算成书的厚度，两个1米8的你都没它高。

明确好了学习目标，就可以开始入手了。第一个目标：HTML和CSS，还是得分阶段进行，一共有3个阶段。

第一阶段：入门（视频）

什么是入门？就是稍稍了解一下皮毛，蜻蜓点水便行。

这个阶段用一套比较体系的视频课程就行了，我用的是阿里云大学的「前端开发学习路线」[1]，课程链接我放在文末。

总体的学习体验就是：没啥难度，跟着视频、跟着老师一路敲代码就是，比较容易。但是会枯燥，这个问题哪个阶段都会遇到，需要自己克服。这你都克服不了，还来学编程？

这一阶段我顺利过关了，花了12天。

第二阶段：基础（看书）

什么是基础？就是比入门更进一个深度，不再是蜻蜓点水式的学习了。

是全面的、体系的了解每个知识点，虽全面但不深入。如果说之前是在直升飞机上看 HTML与CSS 这片森林，是纵览全貌。现在就是进到森林去，瞧瞧每一个地方。瞧的过程中，遇到需要深入的角落，我就不深入去探索。

这个阶段的话，就要挑几本好书来搞了。我的推荐是总共4本书：

HTML：先看《HTML & CSS设计与构建网站》[2]1-9章，10-17章过一遍就行，不敲代码。然后《HTML5秘籍》[3]1-4章，5-13章过一遍就行，也不敲代码。

CSS：先看《CSS 实战手册》[4]，然后《CSS权威指南》[5]

这个阶段的体验就一言难尽了：难！第一阶段入门了，就以为自己精通了，但其实还是个雏。这个时候会遇到很多不懂的问题，遇到代码实例也狠不下心去实战。

心态会出问题，心态出问题就会逃避，逃避就要出大问题。因为很多问题不懂，乱了阵脚就容易走偏，忘记初衷。

出问题了怎么解决？让我们回到主旨：这是第一遍，只是管中窥豹，见个大概。遇到问题，不和你深入玩，等下一遍再来整你。就是说，就算遇到不懂的也一遍过了，问题留到后面解决，我们先看森林的全貌。

我遇到问题，就逃避，就走偏，就胡来。幸好，犯错误也就一天，就醒悟过来，把给自己拉回来了。

第三阶段：精通（啃书）

接着是第三阶段，也是最后一个阶段。

现在就是我们好好的来收拾HTML与CSS的时候了，决战的时刻来了。这个时候我们已经摸清楚了森林的每一处，现在让我们深入到角落里去探索吧！

这个阶段，我们要求的就不只是了解，还要熟记，要掌握每一个重要的知识点。实现方法就是：

再回到那3书上，一个一个地把之前看不懂的实例全部敲一遍，彻底理解透。这里只说了3本，是因为我把《HTML & CSS设计与构建网站》这本书排除掉了，这本书没啥深度，想进一步说话，也没法啊！

最终，当你能达到：一看这本书，啥都懂了。这种程度，便成矣！

以上。

References

[1] 前端开发学习路线:  https://edu.aliyun.com/roadmap/frontend?spm=5176.13345299.1392477.6.4520f153AYCZWC
[2]  《HTML & CSS设计与构建网站》:  https://book.douban.com/subject/21338365/
[3]  《HTML5秘籍》:  https://book.douban.com/subject/11610880/
[4]  《CSS 实战手册》:  https://book.douban.com/subject/26898555/
[5]  《CSS权威指南》:  https://book.douban.com/subject/33398314/