双十二大前端工程师读书清单

本文最早为双十一而作，原标题“双 11 大前端工程师读书清单”，以付费的形式发布在 GitChat 上。发布之后在读者圈群聊中和读者进行了深入的交流，现免费分享到这里，不足之处欢迎指教，也可以在我的 GitChat 读者圈中进行提问，原文如下。

对于没有了解过软件开发的学生，学的第一门是《计算机导论与程序设计基础》。导论部分论述了计算机发展史、计算机基本组成和计算机网络等概念，后期的分科都离不开这个大范围；程序设计基础部分通过快速了解 Python 语法，完成能写出最简洁的输入输出、分支/循环结构的阶段性目标。

接下来详细学习的是面向过程的代表，C 语言。通过重温 Python 中遇到的输入输出流、分支循环结构，再引入程序编译链接原理、指针/链接等在 C 语言中独特的数据类型和数据结构，让我们打下坚实的编程基础 [1]。

[1]：在这个阶段，我们或多或少会经历的挫折有：

1. 安装各种集成开发环境；
2. 安装 Linux 虚拟机/双系统；
3. 调试各种 C 语言 Bug，经常怀疑是程序错了而不是你错了；

只要耐心一点，以上的经历对我们编程习性的养成都很有帮助。

第一年很快的过去后，大二和大三阶段的课程各个掷地有声——数据结构、算法设计、数据库原理、操作系统、计算机网络，内容量的安排上足以让我们有能力去企业进行实习。

可是，这和大前端开发有什么关系/strong>

在整个软件工程的专业培养方案里，并没有任何局限于 Web 开发领域的踪迹，更没有局限于前端开发。况且，前端开发被业界重视的时间并不是很长 [2]。因此隶属于软件开发一个分支的前端开发，急需大量对计算机体系有充足了解的人才的加入。为了不被“学前端人很多”现象造成的泡沫冲击，我们就得拿起计算机科学素养来抵抗。

[2]：使用 XMLHTTPRequest 技术的 Ajax 划分出了一个前后端分离的时代，从此业务逻辑的处理逐步向客户端转移，服务端更多的提供数据接口。

HTML、CSS 荐书品书(3+ 本)

《 Head First HTML 与 CSS(第二版) 》

中文版出版时间：2008-01

CSS 更多的是门艺术，而非科学，需要我们在大量实践之中感受真知。至于更好的实践，我们可以通过这本权威指南进行一场细致入微的了解。从选择器、层叠/继承、文字/字体到盒模型、表格布局，本书讲述的 CSS 知识并不落伍，是了解 CSS3 之前版本的最佳手册。

通过推荐本书，我们还可以感悟到：

• 前端新手要多读 W3C 官方的 CSS 手册，能做到的人并不多。

其它相关书籍，可以类比：

1. 《 精通 CSS：高级 Web 标准解决方案 》
2. 《 超越 CSS：Web 设计艺术精髓 》

《 响应式 Web 设计：HTML5 与 CSS3 实战（第二版）》

中文版出版时间：2012-04

如果说我们想打好 JavaScript 基础，没有什么其他书籍可以比的过这本《 JavaScript 权威指南》了：一千页的厚度，一百四的原价，每一节都舍不得错过。

这本权威指南的章节安排分为两大部分：“JavaScript 语言核心”和“客户端 JavaScript”。正如学习编译原理要从词法开始分析，前半部分从 JavaScript 的词法结构开始讲起。紧接着有基本数据类型、对象、数组、函数、类与模块、正则表达式等章节，涵盖了基础语法的绝大部分。

通过推荐本书，我们还可以感悟到：

“权威指南”是重磅级的存在，只看不敲没有用，只敲不想也无意义，逐章而破，反复重温。

其它相关书籍，可以类比：

• 《 JavaScript 高级程序设计(第3版) 》

《 JavaScript 语言精粹（修订版）》

中文版出版时间：2014-04

IE 浏览器并不是一无是处的，它最早地向开发者提供了 XMLHTTPRequest 接口，并随着谷歌 Gmail 对其惊艳的实现，Ajax 快速普及，并开启了前后分离的新时代。这本书便从 JavaScript 的异步编程讲起，帮助我们设计快速响应的网络应用，而非简单的页面。

仔细看完这本书，如果有人向我们请教关于“如何理解 JavaScript 的单线程机制”、“JavaScript 异步编程的解决方案有哪些”的时候，我们便能水到渠成的说出个一二三来。只是不要忘了，技术发展到现在，Ajax 也只是前后分离的一种实现方式，我们还有 Fetch API，我们还有 Node 网络请求模块。

通过推荐本书，我们还可以感悟到：

看来，每当谈到大前端开发，我们的关注点应更多的转在 Web 应用上了。

其它相关书籍，可以类比：

• 还是本书，必读之作

《 JavaScript 忍者秘籍 》

中文版出版时间：2013-06

有三本讲述 JavaScript 设计模式的书值得推荐。上图分享的是来自百度资深前端工程师的著作。作者通过情景对话，让JavaScript 设计模式的概念变的如此的有趣，又不失核心概念的深入浅出。

目录简洁明了，向我们提供了设计模式的学习路线图，这里作出引用：

• 第一篇，面向对象编程；
• 第二篇，创建型设计模式：其中包括六种具体模式；
• 第三篇，结构型设计模式：其中包括七种具体模式；
• 第四篇，行为型设计模式：其中包括十一种具体模式；
• 第五篇，技巧型设计模式：其中包括八种具体模式；
• 第六篇，架构型设计模式：其中包括六种具体模式。

通过推荐本书，我们还可以感悟到：

除了“化繁为简”外，还有“风趣幽默”可以加入到我们的日常写作与编程之中。

其它相关书籍，可以类比：

1. 《 JavaScript 设计模式与开发实践 》
2. 《 JavaScript 设计模式 – 奥斯马尼 》
3. 《 JavaScript框架设计(第2版) 》

《 深入理解 ES6 》

中文版出版时间：2017-01

“在浏览器中输入网址到看到网页内容”过程中，到底发生了什么一问经常会被提及，于是有了这本严谨又不失有趣的书，完完整整的讲解了整个过程我们所要了解的技术点。

• 客户端：Web 浏览器、TCP/IP、网卡驱动、集线器、路由器
• 服务端：防火墙、缓存服务器、网卡驱动、TCP/IP、Web 服务端程序

如果上面的关键字你不能轻松的说出它们的原理和联络的话，就看看这本这本书吧。

通过推荐本书，我们还可以感悟到：

一个简单的问题，真的可以深挖出一本书来，如果那是由你写出来的话，就更不一样了。

其它相关书籍，可以类比：

• 《 计算机是怎样跑起来的 》

《 计算机网络(第5版) 》

中文版出版时间：2013-07

从理想的 OSI 网络模型到实际的 TCP/IP 模型，每个层级都有很多协议在进行管理。应用层面向我们封装好了底层细节，只需要我们互相通过接口协议来通信。纵使这样，大前端工程师也应掌握好这几个模型的基础。我们常常喜欢简洁的、生动的书来介绍苦涩的概念，那么这本以“图解”命名的网络原理书将十分符合你的口味。

通过推荐本书，我们还可以感悟到：

很多理想的东西落入实际中后常会产生变体，学习的过程中善于抓住重点，变体的原型便会显露的出来。

其它相关书籍，可以类比：

1. 《 图解服务器端网络架构 》
2. 《 图解 HTTP 》

Node.JS 荐书品书(3+ 本)

《 深入浅出 NodeJS 》

中文版出版时间：2017-01

学习 Node 的时候，我们总容易沉浸在 npm 仓库带来的各种有趣的第三方模块上，Node 核心基础的知识反而被疏忽。这本书既讲述了大量的核心概念，有又很多的代码示例，仔细阅读，能让我们从对 Node 的一无所知到深入浅出，最终编写自己健壮的第三方模块。

通过推荐本书，我们还可以感悟到：

关于讲述实战的书籍要慎重选择，在阅读过程中要注意在大量的代码中抓住重点。

其它相关书籍，可以类比：

• 《 Node.js 微服务 》

《 SPA 设计与架构：理解单页 Web 应用 》

中文版出版时间：2013-02

大前端开发离不开软件工程领域，软件工程又是整个计算机科学体系的一个篇章。在最后的“软件工程荐书品书”章节，我们以这本讲述早期硅谷黑客故事的书籍为引，将我们的目光重新凝聚在整个行业之上。

通过推荐本书，我们还可以感悟到：

或许当我们出生之时，这些故事注定成为了我们的历史。未来是什么，永远没人能确定。在计算机里，我们可以依据一定的科学观，无中生有的创造着我们想象的世界。尤其在 Linux 推动的开源世界下，程序员间跨国际的平等交流前所未有，注定将会被记录在历史之上。

其它相关书籍，可以类比：

1. 《 一路编程 》
2. 《 若为自由故 自由软件之父理查德 斯托曼传 》
3. 《 只是为了好玩：Linux之父林纳斯自传 》
4. 《 人月神话 》
5. 《 编程珠玑(第2版) 》
6. 《 浪潮之巅 》
7. 《 软件随想录 》
8. 《 重构——改善既有代码的设计 》
9. 《 程序员修炼之道:从小工到专家 》
10. 《 UNIX 编程艺术 》

尝试构建大前端知识体系

很感谢你耐心地看到了这里，本文的书单分享也就到了尾声。细心的你读到这里会发现，每个配书籍封面截图的书籍都不是凭空分享出来的。就像在“JavaScript 荐书品书”章节中，我们主要介绍了六本书——《 JavaScript 权威指南 》、《 JavaScript 语言精粹 》、《 JavaScript 异步编程 》、《 JavaScript 忍者秘籍 》、《 JavaScript 设计模式 》和《 深入理解 ES6 》。这六本书又分别从详细论述、概要凝练、异步开发、重点突破、设计模式和语言标准等角度进行了很好的填充。“其它相关书籍”也告诉我们这六本并不是唯一的选择。编程语言不设限，学习方向不设限，读书更得不设限。这时也就能重新呼应主题，来绘制出我们专属的书籍成长之路。

可见这些书籍是服务于具体知识点的，这些知识点又该以怎样的形式有条理出现在我们的面前呢下内容均由笔者整理，是为临稿，目的是开拓视野而不是诺列客观事实，不具有任何官方性质，长期维护在我的 Github仓库中，欢迎探讨。

• HTML -> HTML5, CSS2.1 -> CSS3 -> SASS
• JavaScript -> ES3 -> ES5 -> ES6+
• PWA/SPA 前端 + NodeJS 服务端 + Nginx/Apache 服务器
• 前端数据层：TypeScript/Flow/PropTypes
• 应用架构层：MVC/MVP/MVVM
• 应用状态层：Redux/Mobx/RxJS
• 路由管理层：History API/Hash
• 包管理：bower/npm/yarn
• 模块化：CommonJS/RequireJS/AMD/CMD
• 组件化：JSX/Class
• 自动化：Grunt/Gulp/Webpack
• 脚手架工具：Yoman/creatshare-app-init
• 接口联调：postman/mock/RESTful
• 持续集成：TravisCI/Webhook
• 单元测试：Jasmine/Mocha
• 移动原生应用：Hybrid/React Native
• 桌面客户端：Electron

• Hello，我是韩亦乐，现任本科软工男一枚。软件工程专业的一路学习中，我有很多感悟，也享受持续分享的过程。如果想了解更多或能及时收到我的最新文章，欢迎订阅我的个人微信号：韩亦乐。我的简书个人主页中，有我的订阅号二维码和 Github 主页地址；我的知乎主页 中也会坚持产出，欢迎关注。
• 本文内部编号经由我的 Github 相关仓库统一管理；本文可能发布在多个平台但仅在上述仓库中长期维护；本文同时采用【知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议】进行许可。

相关资源：若为自由故:自由软件之父理查德·斯托曼传-讲义文档类资源-CSDN文库

来源：weixin_34416754