前端进阶路线分享

• 《JavaScript 函数式编程指南》：学习函数式编程思想

• 《JavaScript 函数式编程》：也是一本函数式编程思想的好书

• 《JavaScript 设计模式》：学习 JavaScript 设计模式，推荐阅读

• 《JavaScript 设计模式与开发实践》：另一本同等分量的设计模式书籍，推荐阅读

• 《锋利的 jQuery》：jQuery 现在已经很少有人用了，除非是很老的项目或者写小东西。不过这本书值得买，学习 jQuery 的优秀思想，还可以去学习一下它的源码，对你进阶很有帮助。

进阶选读书籍：

• 《高性能 JavaScript》

• 《JavaScript Web 应用开发》

• 《深入理解 JavaScript》

• 《JavaScript 经典实例》

• 《JavaScript 面向对象编程指南》

• 《JavaScript 编程精粹》

学习 TypeScript。JavaScript 是一门弱类型语言，你声明一个变量，既可以将字符串赋值给它，也可以将数字等复制给它，这在大型项目开发中很容易因为数据类型出 bug。基于此类种种原因，就出现了 TypeScript。你有了 JavaScript 的基础，学习 TypeScript 很容易，它只是一种语法糖，也就是一种另一种写 JavaScript 的方式。推荐以下书籍：

• 《深入理解 TypeScript》

• 《TypeScript 实战指南》

• 《TypeScript 实战》

阶段五：框架和学习边界进阶

通过阶段三，你已经掌握了前端框架的基本使用，开发一个完整项目的流程。那么在框架和学习边界进阶阶段，你就可以：

• 学习框架周边的生态，社区总结出来的优秀组件，以及各种好用的工具库。

• 造一些自己的轮子，使用框架搭建自己的开源项目

• 学习 Webpack，Gulp，Babel，ESLint 等工具的使用、思想和原理

• 带着问题去阅读框架源码，学习性能优化

• 养成良好的编程习惯

• 扩展技术边界，学习 Node.js 等后端相关技能

• ……

对于这里的源码阅读我要强调一点，阅读源码不是说让你去读懂例如 React 框架的每一行代码，而是结合其代码整体逻辑加上部分细节分析，理解其实现和工作原理，以帮助你更好地理解其设计理念，更好地使用它开发项目，并避免错误地使用。而且现在社区有很多源码分析文章，你可以将源码阅读和多篇分析文章结合起来，理解起代码来会事半功倍。

推荐阅读书籍：

以下推荐的书籍都是比较出名的书籍，你可以根据自己的技能树，选择所需要的书籍进行阅读。并不是一字不差地整本阅读，而是在每本书中学习自己所需要的部分。很多都是非常著名的好书，有精力尽量买来学习。

Webpack 相关：

• 《深入浅出 Webpack》

• 《Webpack 实战：入门、进阶与调优》

React 相关：

• 《深入 React 技术栈》

• 《深入浅出 React 和 Redux》

• 《Redux 实战》

• 《React 学习手册》

• 《React 快速上手开发》

• 《React 设计模式与最佳实践》

Vue 相关：

• 《Vue.js 实战》

• 《Vue.js 开发实战》

• 《深入浅出 Vue.js》

• 《Vue.js 权威指南》

• 《Vue.js 从入门到项目实战》

• 《Vue.js 前端开发基础与项目实战》

• 《Vue.js 项目开发实战》

• 《Vue.js 快速入门》

• 《Vue.js 前端开发》

Node.js 相关：

• 《狼书卷1》

• 《狼书卷2》

• 《Node 学习指南》

• 《了不起的 Node.js》

• 《深入浅出 Node.js》

• 《Node.js 实战》

• 《Node.js 开发指南》

• 《Node 即学即用》

• 《Node 与 Express 开发》

样式和布局相关：

• 《Bootstrap 实战》

• 《Bootstrap 用户手册》

• 《响应式 Web 设计：HTML5 与 CSS3 实战》

性能相关：

• 《Web 性能权威指南》

• 《高性能网站建设指南》

PWA 相关：

• 《PWA 开发实战》

• 《PWA 实战：面向下一代的 Progressive Web APP》

其他：

• 《SVG 精髓》

• 《深入理解 SVG》

• 《前端架构设计》

• 《重构：改善既有代码的设计》

• 《同构 JavaScript 应用开发》

阶段六：计算机基础知识进阶