之前写过，很多朋友问求：如果你以后想从事前端开发，能不能整理一份前端开发一波自学资料+书籍，正好有时间，先把这件事安排一下吧！就在前不久，我们还整理了《前端开发的学习路线与知识点》之前绘制的详细学习思维导图，再次贴在这里：本篇我们将对比这张知识脑图，然后整理outthelearning的具体学习资料和书籍，小伙伴们好像比较关心这个~注：本文已收录在Github开源项目：github.com/hansonwang99/JavaCollection，里面有详细的自-学习编程学习路线，面试题和面试，编程资料和系列技术文章等等，在资源的不断更新中，不得不说前端技术栈更新太快了，版本该框架发布非常频繁。在这种情况下，除了可以阅读一些经典知识外，还是要养成阅读官方文档的习惯。这既是必须的，也是生存的技能。你知道HTML《Head First HTML与CSS》HeadFisrt系列书籍，为初学者而生，文笔幽默风趣为主，插图也丰富，简单易懂。《HTML5 权威指南》一本豆瓣8.5分的书是没有问题的。800多页的书不用多说，但是能不能看完是个问题，就看决心和“手速”了。网络教程https://www.w3school.com.cn/h.asphttps://www.runoob.com/html/html-tutorial.htmlhttps://developer.mozilla.org/CSS《CSS权威指南》放到现在吧看起来是一本“老书”，但是有很多基础的东西需要学习。CSS的东西细节很多，所以这本书应该是CSS知识点的大复习，所以这本书可以作为参考书。《CSS揭秘》本书展示了47个CSS技巧。这是一个实用的教程。虽然算是进阶书籍，但内容并没有那么难。看完之后，会启发很多实现思路。网络教程https://www.runoob.com/css/css-tutorial.htmlhttps://www.w3school.com.cn/css/index.asphttps://developer.mozilla.org/JavaScript语言《你不知道的 JavaScript》这个这本书是翻译的，分几册，你懂的黄油封面~应该说这本书详细解释了JavaScript中很多复杂而深入的概念，比如作用域，闭包，原型，异步等等，在线书评仍然可用。《JavaScript DOM编程艺术》这本书不算太厚，新手也能用。初学的时候拿到了，练习了这本书的内容。入门应该没有问题，以后可以找一些经典甚至圣经的书来加强巩固。.《JavaScript 高级程序设计》大名鼎鼎的JS红皮书是一本权威的JavaScript入门书，没错就是一本入门书！别被名字中的“进阶”二字吓跑了~内容循序渐进，基础全面，不能指望一次过一遍，适合精读回味。《JavaScript权威指南》上面是《小红书》，这本是《犀牛书》。据说这两本书放在一起更合适。本书由淘宝前端团队翻译，堪称JavaScript开发者的圣经之一。菜鸟教程：https://www.runoob.com/js/js-tutorial.html现代JavaScript教程：https://zh.javascript.info/MDN文档：https://developer.mozilla.org/ESES和JS关系应该能分清楚，对于前端开发，ES6+还是有必要学习的，有几本经典资料。《阮一峰ECMAScript 6入门教程》https://es6.ruanyifeng.com/《深入理解ES6》一本豆瓣评分9.4的书，系统地介绍了ES的重要特性。TypeScript作为一个合格的前端工程师，TypeScript现在也是必学的，而学习它最好的资料就是文档。《英文文档》https://www.typescriptlang.org/docs《中文文档》https://www.tslang.cn/docs/home.html《深入理解TypeScript》最好看文档。至于这本书，《深入理解TypeScript》是原版《TypeScript Deep Dive》的译本，有气力才有健康。数据结构与算法《学习JavaScript数据结构与算法（第3版）》数据结构与算法本身与编程语言无关，但是如果非要找一本基于JavaScript语言描述的数据结构与算法的书，那这就是前端菜了。书中除了常用的数据结构、算法、算法思想外，还有一章专门讲ES和TS。设计模式《JavaScript设计模式》设计模式本来就是语言无关的。这是一种基于JavaScript语言描述的设计模式。常见的设计模式都提到了，文风不枯燥。给出的场景和示例也很完整。当然，本书侧重于灵活使用和高级可读性。网络协议对于前端开发来说，网络协议绝对是必看的，尤其是应用层协议。多了解一些其他底层协议当然更好。《图解TCP/IP》《图解HTTP》这两本网络协议图解书，通俗易懂，图片也很形象。如果看不懂黑（灰）版的网络协议圣经，可以看看这个。《HTTP权威指南》这本书不仅是关于HTTP协议本身的，也不是只针对前端开发者的。里面讲解了Web化过程中的很多外围技术和很多技术、原理，内容体系庞大。和Web开发相关的程序员进阶的时候可以看一看，增长知识。Node.js《Node.js中文文档》http://nodejs.cn/api/Node.js版本更新这么快，看文档最靠谱。《Node.js实战》如果你真的想找一本教材看，这篇Node.js实战教程可以。《深入浅出Node.js》这本书不是写给初学者的，它是一本关于Node.js的进阶书籍。值得一看。应用框架框架的更新迭代太快了，要么还没来得及出书，要么就是那种出书快的快餐书，基本都是照搬框架的官方文档，有时候翻译和理解不一定准确，所以在学习各种前端框架的时候，官方文档仍然是最可靠最全面的资料，包括但不限于：Vue.js中文官方文档：https://vuejs.bootcss.com/guide/React.js官方文档：https://reactjs.org/docs/getting-started.htmlReact.js书籍：https://github.com/huzidaha/react-naive-bookWebpack中文官方文档：https://www.webpackjs.com/concepts/Sass中文文档：https://sass.bootcss.com/documentationLess中文文档：http://lesscss.cn/usage/Stylus中文文档：https://stylus.bootcss.com/...ETC。*FollowPerformance《Web性能权威指南》在看这本书之前，最好有像TCP/IP协议族这样的基础。虽然书中很多页也描述了这部分内容，但是增加了优化实践对应的知识和内容，可以进阶阅读。而且这本书不仅适合前端开发者阅读，所有web应用和站点开发者，包括后端、运维、存储、视频、性能工程师等都可以阅读。后记最后，如果各位有什么补充一下，或者有好的资料可以推荐，欢迎大家多多分享改进。注：本文已收录在Github开源项目：github.com/hansonwang99/JavaCollection，里面有详细的自学编程学习路线、面试题和面经、编程资料和系列技术文章，等等，资源持续更新中
