图灵前端图书学习路线图

图灵前端图书书单一共分为 4 类近 30本图书（这个书单会不断加入优秀之作），前端学习的各个阶段都囊括其中。无论你是初学者还是行家能手，都可以找到对应自己现阶段的书。

图灵前端图书学习路线图

图灵前端图书学习路线图（文字版）

A.HTML/CSS

HTML

1. HTML5 与 CSS3 基础教程（第 8 版）

2. HTML5 权威指南

CSS

1. 精通 CSS：高级 Web 标准解决方案（第 3 版）

2. CSS 揭秘

3. 深入解析 CSS

B.JS

入门到实践

1. Head First JavaScript 程序设计

2. JavaScript 高级程序设计（第 4 版）

3. JavaScript DOM 编程艺术（第 2 版）

进阶

1. 不知道系列

（1）你不知道的 JavaScript（上卷）

（2）你不知道的 JavaScript （中卷）

（3）你不知道的 JavaScript （下卷）

2. JavaScript 设计模式与开发实践

3.JavaScript 悟道

算法

1. 学习 JavaScript 数据结构与算法（第 3 版）

2. 数据结构与算法 JavaScript 描述

C. 框架与库

Vue

深入浅出Vue.js

React

1. React 全家桶：前端开发与实例详解

2. 深入 React 技术栈

jQuery

jQuery 基础教程（第 4 版）

Node

1. Node 与 Express 开发（第 2 版）

2. Node.js 实战（第 2 版）

3. 深入浅出 Node.js

D. 其他

1. 响应式 Web 设计：HTML5 和 CSS3 实战（第 2 版）

2. Web 性能权威指南

3. WebAssembly 实战

A.HTML/CSS

HTML

1. HTML5 与 CSS3 基础教程（第 8 版）

作者：Elizabeth Castro, Bruce Hyslop 译者：望以文

• 全球最畅销 Web 开发入门书最新版，热销 1 000 000 册
• 配套网站提供海量精彩示例
• 逐步指导快速创建响应式网站

《HTML5 与 CSS3 基础教程（第 8 版）》是讲解 HTML 和 CSS 入门知识的经典畅销书，全面系统地讲解 HTML5 和 CSS3 基础知识以及实际运用技术，通过大量实例深入浅出地分析了网页制作的方方面面。书中不仅介绍了文本、图像、链接、列表、表格、表单等网页元素；还介绍了如何为网页设计布局，添加动态效果等；另外，还涉及调试和发布。这本书提供了一个强大的配套网站，上面列出了书中的完整代码示例，当然，更多优秀实例及进阶参考资料一应俱全，以供读者参考学习。

通过学习这本书，零起点读者即可创建网站，中高级水平的开发人员可以快速了解 HTML5 新元素、CSS3 的奇幻效果、响应式 Web 设计以及各种最佳实践。

2. HTML5 权威指南

作者：Adam Freeman 译者：谢廷晟，牛化成，刘美英

• 全面详实的网页设计参考书
• 精彩呈现 500 多个实战代码示例及主流浏览器实现效果图
• 贴心汇聚 HTML5 和 CSS3 中所有属性、元素和函数的简明参考表

《HTML5 权威指南》是系统学习网页设计的权威参考图书。这本书分为 5 部分：第 1 部分介绍学习这本书的预备知识和 HTML、CSS 和 JavaScript 的最新进展；第 2 部分讨论 HTML 元素，并详细说明了 HTML5 中新增和修改的元素；第 3 部分阐述 CSS，涵盖了所有控制内容样式的 CSS 选择器和属性，并辅以大量代码示例和图示；第 4 部分介绍 DOM，剖析如何用 JavaScript 操纵 HTML 内容；第 5 部分讲解 Ajax、多媒体和 canvas 元素等 HTML5 高级特性。

CSS

1. 精通 CSS：高级 Web 标准解决方案（第 3 版）

作者：Andy Budd, Emil Björklund 译者：李松峰

• CSS 畅销经典全面升级，上版豆瓣评分 8.6
• 充分展示现代 CSS 实践技巧
• 直接提供常见问题的解决方案，让前端架构更上一层楼

这本书是 CSS 经典图书升级版，结合 CSS 近年来的发展，尤其是 CSS3 和 HTML5 的特性，对内容进行了全面改写。书中介绍了涉及字体、网页布局、响应式 Web 设计、表单、动画等方面的实用技巧，并讨论了如何实现稳健、灵活、无障碍访问的 Web 设计，以及在技术层面如何实现跨浏览器方案和后备方案。另外还介绍了一些鲜为人知的高级技巧，让你的 Web 设计脱颖而出。

2. CSS 揭秘

作者：Lea Verou 译者：CSS 魔法

• CSS 一姐 Lea Verou 作品，CSS 魔法执笔翻译
• Eric Meyer、Jeremy Keith 等前端大佬推荐
• 挖掘大量不常见但相当实用的 CSS 技术点

这本书是一本注重实践的教程，作者为我们揭示了 47 个鲜为人知的 CSS 技巧，主要内容包括背景与边框、形状、视觉效果、字体排印、用户体验、结构与布局、过渡与动画等。这本书将带领读者循序渐进地探寻更优雅的解决方案，攻克每天都会遇到的各种网页样式难题。适合前端工程师、网页开发人员阅读。

3.深入解析 CSS

作者：Keith J. Grant 译者：黄小璐，高楠

• 集结 CSS 实战心得，助你突破技术瓶颈，成功进阶 CSS 高手
• 分步讲解技术特性，结合丰富示例，让 Web 开发得心应手
• 亚马逊五星好评，读者口碑相传的 CSS 宝典

这本书旨在达成两个目标：帮读者深度掌握 CSS 语言，并快速了解 CSS 的新进展和新特性。书中分为以下 4 个部分。第 1 部分回顾基础知识，并重点关注几个很容易被忽视的细节，包括层叠和继承、相对单位、盒模型等；第 2 部分介绍网页布局的各种关键工具，如浮动布局、Flexbox、网格布局、定位、响应式设计等；第 3 部分介绍最新的最佳实践，主要包括如何用模块化的方式组织 CSS，以及如何构建一个模式库；第 4 部分介绍与设计师共事时需要考虑哪些重要因素，以及自己如何做一点设计工作。

B.JS

入门到实践

1.Head First JavaScript 程序设计

作者：Eric T. Freeman，Elisabeth Robson 译者：袁国忠

• 史上最轻松 JavaScript 入门书，全彩印刷
• 玩游戏、解谜题，与 JavaScript 另类交互，快速上手前端开发
• 从基础知识逐渐到高阶话题，引导写代码构建自己的 Web 应用

这本书语言和版式活泼，内容讲解深入浅出，是难得的 JavaScript 入门书。内容涵盖 JavaScript 的基本知识以及对象、函数和浏览器文档对象模型等高阶主题。书中配备了大量有趣的实例、图示和练习，让读者轻轻松松掌握 JavaScript。

2. JavaScript 高级程序设计（第 4 版）

作者：Matt Frisbie 译者：李松峰

• 一幅浓墨重彩的语言画卷，一部推陈出新的技术名著
• 全能前端人员必读之经典，全面知识更新必备之佳作

这本书是 JavaScript 经典图书的新版。第 4 版涵盖 ECMAScript 2019，全面、深入地介绍了 JavaScript 开发者必须掌握的前端开发技术，涉及 JavaScript 的基础特性和高级特性。书中详尽讨论了 JavaScript 的各个方面，从 JavaScript 的起源开始，逐步讲解到新出现的技术，其中重点介绍 ECMAScript 和 DOM 标准。在此基础上，接下来的各章揭示了 JavaScript 的基本概念，包括类、期约、迭代器、代理，等等。另外，书中深入探讨了客户端检测、事件、动画、表单、错误处理及 JSON。书中同时介绍了近几年来涌现的重要新规范，包括 Fetch API、模块、工作者线程、服务线程以及大量新 API。

3. JavaScript DOM 编程艺术（第 2 版）

作者：Jeffrey Sambells, Jeremy Keith 译者：杨涛，杨晓云，王建桥，魏忠

• Amazon 超级畅销书最新版
• 释放 JavaScript 和 DOM 编程的惊人潜力
• 涵盖 HTML5 及 jQuery

这本书讲述了 JavaScript、DOM 和 HTML5 的基础知识，着重介绍 DOM 编程技术背后的思路和原则：平稳退化、渐进增强和以用户为中心等。这些概念对于任何前端 Web 开发工作都非常重要。书中将这些概念贯穿在所有代码示例中，以便呈现用来创建图片库页面的脚本、用来创建动画效果的脚本和用来丰富页面元素呈现效果的脚本，最后结合所讲述的内容创建了一个实际的网站。

进阶

1. 不知道系列

(1) 你不知道的 JavaScript（上卷）

(2) 你不知道的 JavaScript （中卷）

(3) 你不知道的 JavaScript （下卷）

作者：Kyle Simpson 译者：赵望野，梁杰

• 上卷豆瓣评分 9.4 分，JS 进阶必备参考书

作者：Kyle Simpson 译者：单业，姜南

• 中卷聚焦主题：类型与语法、异步与性能
• 深入挖掘 JavaScript 语言本质，打通 JavaScript 的任督二脉

作者：Kyle Simpson 译者：单业

• 下卷介绍 JavaScript 入门知识和对 ES6 及未来发展趋势的展望
• 全面介绍 JS 中常被人误解和忽视的重要知识点，探索 JS 语言核心概念

“你不知道的 JavaScript”系列丛书旨在让你深入掌握 JavaScript 的全部，特别是那些难点。该系列上卷介绍：“作用域和闭包”以及“this 和对象原型”。中卷介绍：“类型和语法”以及“异步和性能”。掌握了这些知识之后，无论什么技术、框架和流行词语，你都能轻松理解。下卷讲 ES6，并剖析未来发展趋势。

2. JavaScript 设计模式与开发实践

作者：曾探

• 腾讯前端 Alloy Team 团队出品，资深前端工程师曾探力作
• 全面涵盖专门针对 JavaScript 的 16 个设计模式
• 深入剖析面向对象设计原则、面向对象编程技巧及代码重构

这本书是根据 JavaScript 语言的特性专门针对 JavaScript 语言全面总结的设计模式。全书共分为 3 个部分，第 1 部分讲解了 JavaScript 语言面向对象和函数式编程的知识及其在设计模式方面的作用；第 2 部分通过一步步完善的代码示例，由浅入深地讲解了 16 个设计模式；第 3 部分讲述了面向对象的设计原则及其在设计模式中的体现，以及一些常见的面向对象编程技巧和日常开发中的代码重构。书中所有示例均来自作者长期的开发实践，与实际开发密切相关，适合 Web 前端开发人员阅读。

3.JavaScript 悟道

作者：Douglas Crockford 译者：死月

• 与大宗师道格拉斯一起，痛并快乐地用好 JavaScript
• 趣闻轶事 + 严肃思考，带你重新认识 JavaScript

这本书结合当前 JavaScript 语言现状，深入剖析了 JavaScript 语言的运行原理、应该如何演进、怎样才能将其发挥至极致。这些深邃、极具前瞻性的论述，不仅适用于 JavaScript，也适合其他语言。学习、理解、实践大师的思想，能让开发者站在巨人的肩上，看得更全面。

算法

1.学习 JavaScript 数据结构与算法（第 3 版）

作者：Loiane Groner 译者：吴双，邓钢，孙晓博 等

• 用 JavaScript 学习常用的数据结构和算法
• 高效解决编程常见问题

这本书首先介绍了 JavaScript 语言的基础知识（包括 ECMAScript 和 TypeScript），其次讨论了数组、栈、队列、双端队列和链表等重要的数据结构，随后分析了集合、字典和散列表的工作原理，接下来阐述了递归的原理、什么是树以及二叉堆和堆排序，然后介绍了图、DFS 和 BFS 算法、各种排序（冒泡排序、选择排序、插入排序、归并排序、快速排序、计数排序、桶排序和基数排序）和搜索（顺序搜索、二分搜索和内插搜索）算法以及随机算法，接着介绍了分而治之、动态规划、贪心算法和回溯算法等高级算法以及函数式编程，最后还介绍了如何计算算法的复杂度。

2.数据结构与算法 JavaScript 描述

作者：Michael McMillan 译者：王群锋，杜欢

• 对前端工程师是非常好的数据结构与算法入门书籍
• 难度非常适合前端工程师来补习基础知识

随着 JavaScript 成功走出客户端，在服务器端编程中得到日益广泛的应用，JavaScript 程序员需要实现与 C# 或 Java 等传统面向对象编程语言相似的数据结构与算法。这本书是用 JavaScript 描述数据结构与算法的开山之作，汇聚了作者多年的实战经验。这本实战指南通过丰富的示例，向读者透彻讲解了在 JavaScript 环境下，如何通过一系列存储机制（包括链表、栈、队列和图）高效地达到编程目的。

通过学习这本书，读者将能自如地选择最合适的数据结构与算法，并在 JavaScript 开发中懂得权衡使用。此外，这本书也概述了与数据结构与算法相关的 JavaScript 特性。

C. 框架与库

Vue

深入浅出 Vue.js

作者：刘博文

• 360 前端工程师精心打造
• 从源码层面深入讲解 Vue.js 实现原理和思想
• 360 奇舞团团长月影和《JavaScript 高级程序设计》译者李松峰作序推荐

这本书从源码层面分析了 Vue.js。首先，简要介绍了 Vue.js；然后详细讲解了其内部核心技术“变化侦测”，这里带领大家从 0 到 1 实现一个简单的“变化侦测”系统；接着详细介绍了虚拟 DOM 技术，其中包括虚拟 DOM 的原理及其 patching 算法；紧接着详细讨论了模板编译技术，包括模板解析器的实现原理、优化器的原理以及代码生成器的原理；最后详细介绍了其整体架构以及提供给我们使用的各种 API 的内部原理，同时还介绍了生命周期、错误处理、指令系统与模板过滤器等功能的原理。适合前端开发人员阅读。

React

1.React 全家桶：前端开发与实例详解

作者：Anthony Accomazzo, Nate Murray, Ari Lerner 译者：欧阳奖

• 透彻认识React 全景图
• “一站式”获取 React 系统知识和好工具
• 手把手教你构建可靠且功能强大的 React 应用程序

使用 React 能让前端开发人员用更少、更安全的代码来构建更可靠、更强大的应用程序。这本书分为两部分，全面介绍了 React 的相关主题。第 1 部分通过例子循序渐进地讲解基础知识，包括创建一个投票应用程序、编写组件、处理用户交互、管理富表单，以及与服务器交互，此外还探索了 Create React App 的工作原理，编写自动化单元测试，以及使用客户端路由构建多页面应用程序。第 2 部分探讨在大型应用程序产品中使用的更高级的概念——数据的架构、传输和管理的策略，讲解了 Redux、GraphQL、Relay，以及如何使用 React Native 编写原生、跨平台的移动应用程序。书中每一章都配有示例代码，有助于读者巩固所学。

2. 深入 React 技术栈

作者：陈屹

• 全面讲述 React 技术栈的第一本原创图书，pure render 专栏主创倾力打造
• 覆盖 React、Flux、Redux 及可视化，帮助开发者在实践中深入理解技术和源码
• 前端组件化主流解决方案，一本书玩转 React “全家桶”
• Strikingly 联合创始人及 CTO 郭达峰作序推荐

这本书从几个维度去介绍 React。一是作为 View 库，它怎么实现组件化，以及它背后的实现原理。二是扩展到 Flux 应用架构及重要的衍生品 Redux，它们怎么与 React 结合做应用开发。三是对 React 与 server 的碰撞产生的一些思考。四是讲述它在可视化方面的优势与劣势。

jQuery

jQuery 基础教程（第 4 版）

作者：Jonathan Chaffer, Karl Swedberg 译者：李松峰

• 国内第一本 jQuery 权威教程
• 累计重印 14 次
• 不可错过的实战类经典技术著作

这本书是 jQuery 经典技术教程的最新升级版，涵盖 jQuery 1.10.x 和 jQuery 2.0.x。前 6 章以通俗易懂的方式讲解了 jQuery 的核心组件，包括 jQuery 的选择符、事件、动画、DOM 操作、Ajax 支持等。第 7 章和第 8 章介绍了 jQuery UI、jQuery Mobile 及利用 jQuery 强大的扩展能力开发自定义插件。随后的几章更加深入地探讨了 jQuery 的各种特性及一些高级技术。附录 A 特别讲解了 JavaScript 中闭包的概念，以及如何在 jQuery 中有效地使用闭包。附录 B 讲解了使用 QUnit 测试 JavaScript 代码的必备知识。附录 C 给出了 jQuery API 的快速参考。

这本书注重理论与实践相结合，由浅入深、循序渐进，适合各层次的前端 Web 开发人员学习和参考。

Node

1.Node 与 Express 开发（第 2 版）

作者：Ethan Brown 译者：吴滠栩

• 实现文档数据库的持久化，特别是针对 MongoDB
• 让其他程序可以通过 REST API 访问资源
• 用 HTTPS、认证和授权开发安全的 Web 应用

Express 是 Node/JavaScript 技术栈的核心组件。这本书系统讲解了使用 Express 开发动态 Web 应用的流程和步骤。作者不仅讲授了开发公共站点及 RESTful API 的基础知识，还讲解了构建单页、多页及混合 Web 应用的规划方式及最佳实践。为了适应中间件及相关工具在过去几年里的变化，第 2 版更侧重于 Express 作为提供 API 的后端服务器，并新增了单页应用的示例。阅读本书，读者无须 Node 开发经验，但应该有 JavaScript 开发经验。

2. Node.js 实战（第 2 版）

作者：Alex Young, Bradley Meck, Mike Cantelon, Tim Oxley, Marc Harter 译者：吴海星

• Node.js 核心框架贡献者力作，展示 Node 核心技巧
• 第一版豆瓣评分 8.4 分
• 全面覆盖全栈开发所需全部技术

这本书是 Node.js 的实战教程，涵盖了为开发产品级 Node 应用程序所需要的一切特性、技巧以及相关理念。从搭建 Node 开发环境，到一些简单的演示程序，到开发复杂应用程序所必不可少的异步编程。第 2 版介绍了全栈开发者所需的全部技术，包括前端构建系统、选择 Web 框架、在 Node 中与数据库的交互、编写测试和部署 Web 程序，等等。

3. 深入浅出Node.js

作者：朴灵

• 第一本深度讲解 Node 的图书
• 源码级别探寻过 Node 的实现原理
• 阿里巴巴一线 Node 开发者最真实的经验

这本书从不同的视角介绍了 Node 内在的特点和结构。书中并非完全按照顺序递进式介绍，首先简要介绍了 Node，接着深入探讨了模块机制、异步 I/O 和异步编程，然后讨论了内存控制和 Buffer 相关的内容，接着探讨了网络编程、Node Web 开发、进程、测试和产品化等内容，最后的附录介绍了 Node 的安装、调试、编码规范和 NPM 仓库搭建等内容。

D. 其他

1. 响应式 Web 设计：HTML5 和 CSS3 实战（第 2 版）

作者：Ben Frain 译者：奇舞团

• 前端设计人员必备教程
• 图文并茂，轻松掌握最新设计技术
• 全面应用 HTML5 和 CSS3，一步跨入最前沿

这本书将当前 Web 设计中热门的响应式设计技术与 HTML5 和 CSS3 结合起来，为读者全面深入地讲解了针对各种屏幕大小设计和开发现代网站的各种技术。书中不仅讨论了媒体查询、弹性布局、响应式图片，更将最新和最有用的 HTML5 和 CSS3 技术一并讲解，是学习最新 Web 设计技术不可多得的佳作。适合所有 Web 开发和设计人员阅读。

2.Web 性能权威指南

作者：Ilya Grigorik 译者：李松峰

• 基于 TCP、UDP 和 TLS 交付最佳性能
• 关注 Web 性能的人必看图书
• 领域公认的权威参考指南

这本书作者是世界顶尖的 Web 性能工程师，他在书中深入浅出地讲解并演示了针对 TCP、UDP 和 TLS 协议的性能优化最佳实践，以及面向无线和移动网络进行优化时的特殊要求。随后，他全面剖析了浏览器技术的几项重大革新，包括使用这些新技术时在性能方面需要的独到考量。革命性的 HTTP 2.0、XHR 客户端网络脚本、基于 SSE 及 WebSocket 的实时数据流，以及通过 WebRTC 实现 P2P 通信，对这些面向未来的重大浏览器技术，书中都从性能优化的角度给出了详尽的解读和分析。

3.WebAssembly 实战

作者：C. Gerard Gallant 译者：单业

• 抽丝剥茧，逐步解构 WebAssembly 的复杂生态
• 突破 JavaScript 瓶颈，让 C/C++ 代码快速运行于浏览器端
• 边学边练，配套练习答案帮你熟练掌握 WebAssembly

在人们极力渴求提高 JavaScript 性能的情况下，WebAssembly 应运而生，现已得到所有主流 Web 浏览器的支持。由于其卓越的性能和可移植性，WebAssembly 也被用于 Web 浏览器之外的许多场景。这本书围绕 WebAssembly 技术栈介绍如何通过 C、C++ 等语言编写高性能的浏览器端应用程序。你将掌握 WebAssembly 的基础知识，学习如何创建原生 WebAssembly 模块，与 JavaScript 组件交互，使用 WebAssembly 文本格式进行调试，并利用多线程支持机制。

高清阅读路线图 PDF 版

请前往图灵 GitHub 主页下载

https://github.com/BetterTuring/RoadMap

我们会将其他图书阅读路线图也逐渐放进来