【建议收藏】前端开发入门书籍推荐与前端学习路线

天霞

分享32本贯穿前端人整个职业生涯必读的高质量前端书籍，每本前端书都堪称经典，覆盖了从入门、进阶、实战等前端开发的各个职业生涯阶段，让你相见恨晚。
这32本前端书，拿起就不想放下，彻底打破了我的认知。它们不仅格局大，读起来毫不晦涩，看完还会想再看一遍，只想给它10086个赞！
文末有惊喜：前端高效学习路线。HTML 与 CSS 书籍

一、《Head First HTML与CSS(第2版)》 豆瓣9.3分



HTML与CSS有两版，第一版是2005年出的，书名是HTML, CSS和XHTML，中文版是2008年出的，第二版是2012年出的，书名是HTML和CSS，没有中文版
不用说应该尽量看新版，新版对HTML5， mobile web等都有涉及，旧版已经将近10年，虽然语法没变，但标准，设备和网络环境已经变了很多，直接看新版更利于快速进入实战阶段
是不是已经厌倦了那些深奥的HTML书？你可能在抱怨，只有成为专家之后才能读懂那些书。那么，这本《Head First HTML与CSS（第2版）》可以帮助你很好的学习HTML。
你能学会HTML和CSS来创建你想要的Web页面。你还希望使用最新的HTML5标准，能够保证随时间维护和扩展你的Web页面。

二、《HTML & CSS设计与构建网站》 豆瓣8.8分



针对对象，初学者。如果是初学者，买这本书还是非常合适的，页面精美，网站上也能下载到实例，很能激起兴趣，非常推荐。
尽管曾经读过不少同类书籍，但第一次拿到本书的原版时，其清晰的讲解和精美的版式着实令我耳目一新，仔细品读之后，又为作者所采用的这种介绍HTML & CSS的方式而惊叹不已。
这是一种全新的方式，一种“简约而不简单”的方式。几乎每一种标签、每一项属性的讲解都会对应一个简短的示例。在每一章的最后还会附有一个综合的示例，系统地演示主要知识点。
书的整体风格比较活泼，不想学校里的教科书那么枯燥。而且还有很多风格多样的图片，感觉像在看漫画书的感觉。要学习html的童鞋，可以先看看这本，打打基础。
三、《HTML5 权威指南》豆瓣8.7分



《HTML5 权威指南》是系统学习网页设计的权威参考图书。本书面向初学者和中等水平Web 开发人员，是牢固掌握HTML5、CSS3 和JavaScript 的必读之作。
没啥好说的就是一本手册级别的书！由于讲的非常细，所以难免让人觉得会有些啰嗦。

四、《CSS权威指南(第三版)》豆瓣 8.5分



这是CSS界权威Meyer大师三部曲中的一部理论书。基本上任何一个前端的必读书单里都会有这本书。 同行的人们一致说这本书是学习CSS基础的首选。阅读完这本书再结合《精通CSS》的阅读有种冲破瓶颈的感觉。
其中收获的“内幕”有浮动、定位、表格、框模型、行内(inline)和块(block)、背景等各种CSS的原理和web代理在解释引擎上的原理。
Meyer大师在CSS领域的高度使这本书成为CSS的经典书之一。国内有同仁有志成为CSS开发者推荐必读！放在你的工作桌上吧。

五、《CSS揭秘》 豆瓣评分9.4



本书是一本注重实践的教程，作者为我们揭示了 47 个鲜为人知的 CSS 技巧，主要内容包括背景与边框、形状、 视觉效果、字体排印、用户体验、结构与布局、过渡与动画等。本书循序渐进地探寻更优雅的解决方案，攻克每天都会遇到的各种网页样式难题。
喜欢这本书，特别的实用，不仅仅是使用技巧，里面更深远的是对于css思想的传递。
并且这本书配套了所有的DEMO，
地址： http://play.csssecrets.io ，可以在线把玩。



六、《CSS新世界》豆瓣8.5分



“CSS新世界三部曲”（《CSS世界》《CSS选择器世界》《CSS新世界》作者，前端开发工程师，国内知名前端博客“鑫空间-鑫生活”博主，目前就职于阅文集团用户体验设计部（YUX），担任前端技术专家。
他从2007年开始接触前端，十多年来一直工作在前端开发一线，在HTML/CSS等与交互体验关系密切的领域花了大量的时间学习和研究，有比较多的心得体会。
如果你有时间也可以看看其他两本。



七、《CSS实战手册（第2版）》　豆瓣评分９.０



本书适合于刚刚接触CSS的朋友们阅读并亲自动手实践，具有HTML、XHTML和CSS基本知识但想创建更加完美的网页的同学。
本书从介绍最基本的CSS知识开始，到建立用于打印网页的CSS和改进你的CSS习惯的最佳实践。将关于CSS的选择器、继承、层叠、格式化、边距、填充、边框、图片、网站导航、表格、表单、浮动布局、定位网页上的元素，以及用于打印网页的CSS等技术通过逐步地讲解与教程串联了起来。
书中系统全面的介绍了CSS基础知识，包括有关选择器的派生和继承，有关排版的布局和定位，另外还介绍了盒子模型以及一些常用的属性使用技巧，此外本书还提及了不少的资源网站和前端编程小工具，十分实用。
本书能使读者对CSS有一个整体的认识，另外本书每章节后会有一些练习题来巩固读者所学知识，个人觉得是一种不错的教学方式。
当然，本书的出版年份较早，书中基本是介绍CSS2的内容，对于CSS3内容在最后章节略有提及。 总的来说本书是CSS初学者入门的不错选择！

八、《CSS禅意花园》豆瓣8.4分



这是一本论述如何有效地利用 CSS 的书，如果你是一位 Web Designer, 必定是不容错过；书中通过大量你能在其站点上找到相应页面的例子，讲述如何利用 CSS 设计页面。
看这本书，请建立在你对 CSS 已经有一定程度的了解之上，因为这本书确实不是 CSS 入门一个好的选择。
书中更多的是介绍一个设计的理念，设计者如何有效地利用 CSS 创造各种让人惊叹的页面，阅读这书你会更深刻地认识到，Web Design 已经升华为一种艺术，在表达自己的思想的同时，必须考虑用户的各种体验。
好书会让你每次重新阅读的时候都会有所获益，我认为 The Zen of CSS Design 就是这样的一本好书。
JavaScript相关书籍

九、《JavaScript语言精粹》豆瓣分9.1分



提到JavaScript相关的书籍，有一本书是绕不过去的，那就是Douglas Crockford的《JavaScript语言精粹》。该书是JavaScript经典著作，属进阶读物，有助于理解JS语言中的一些本质特性。
虽然如今读来，书中的一些最佳实践，比如JavaScript中的％是取余运算，而并非取模运算。这本书的时候，也能感觉到作者表现出的对这门语言的自信，这是很有意思的。
总之，作为一本深度了解JavaScript语言好的方面坏的方面的书，很值得一读的。

十、《JavaScript DOM编程艺术(第2版)》豆瓣 8.6分



对于前端程序员，想了解JavaScript的DOM编程，这是一本不错的入门书。人性化和兼容性设计是该书的两大亮点。
作者由浅入深，像一个老师一样手把手的教你如何去写JS，通过一个个例子让你去理解JS与DOM。最后的章节几乎用了本书讲解的所有技术，带着你实现了一个网站。
个人很喜欢这种讲解技术的方式，再动手跟着做一遍，会有不少收获。

十一、《JavaScript权威指南》豆瓣9.6分



最经典的Javascript教程，没有之一。出版25年来，这本畅销书一直是几十万JavaScript程序员必读的技术著作，本版已经更新到涵盖JavaScript的2020版。书中令人深思、富有启发性的示例随处可见。
这本“犀牛书”在很多工程师心目中有着至高无上的地位。如果你由于种种原因错过了它之前的版本，那一定不要再错过这一版了！
这本书适合有一定编程经验、想学习JavaScript读者，也适合已经在使用JavaScript但希望更深入地理解进而真正掌握这门语言的程序员。
本书的目标是全面地讲解JavaScript语言，对JavaScript程序中可能用到的重要的客户端API和服务器端API提供深入的介绍。本书篇幅较长，内容非常详尽，相信认真研究本书的读者都能获益良多。

十二、《JavaScript高级程序设计》豆瓣8.6分



本书是JavaScript经典图书的新版。《JavaScript高级程序设计》可以算是一本由浅入深的好读物。如果入门JS的话，我比较推荐这本，再搭配《JavaScript权威指南》那本书，基本看完后，对JS就有一定程度的深入了。
看下这本书比较深入地介绍了JavaScript开发者必须掌握的前端开发技术，涉及JavaScript的基础特性和高级特性。书中详尽讨论了JavaScript的各个方面，从JavaScript的起源开始，逐步讲解到新出现的技术，其中重点介绍ECMAScript和DOM标准。
我觉得作者在写这本书的时候，是考虑到入门的人的，我刚才举的那个配图的例子就是，虽然简略，但却非常直观，省略掉不必要的东西。
不管怎么样，虽然这本书叫《js的高级程序设计》，但我觉得是内容涉及的比较多，对初学者的门槛还是不高的。

十三、《ES6 标准入门（第3版）》豆瓣9.1分



本书为中级难度，适合那些已经对JavaScript语言有一定了解的读者，ES6是下一代JavaScript语言标准的统称，每年6月发布一次修订版，迄今为止已经发布了3个版本，分别是ES2015、ES2016、ES2017。
第3版增加了超过30%的内容，完全覆盖了ES2017标准，相比第2版介绍了更多的语法点，还调整了原有章节的文字表达，充实了示例，论述更准确，更易懂易学。
这本书讲解了ES6的各种特性，作者对ES6的标准理解的透彻，而且讲解的深入浅出，非常值得有JS基础的同学阅读理解，甚至部分章节值得反复阅读，并把一些代码挨着敲一遍。

十四、《深入理解 ES6》豆瓣9.2分



总本书最大的优点是排版和字体。这本书是我买过那么多书以来，字体最好看，排版最好的一本没有之一。
最大的特点是从浅到深。阮一峰的《ES6标准入门》更侧重于事无巨细的详细介绍ES6，让人知其然。
这本《深入理解ES6》更强调知其所以然，对ES6内容的介绍也有轻有重，讲究循序渐进、娓娓道来。尽管翻译有少许错误，但瑕不掩瑜。
总而言之，是一本优秀的ES6书籍。

十五、《JavaScript设计模式与开发实践》　豆瓣9.0分



很棒的一本书，干货满满，但又不枯燥。最大的优点就是把设计模式用通俗易懂的语言讲解的很简单，很清楚。文中的代码示例很全面，也很精简，便于练习。
讲设计模式时，会先讲在静态语言中的使用，再重点说JavaScript中的应用。作者通过分别编写不使用设计模式和使用的代码，让我更具象感受到各种设计模式的差别和优缺点。
本书的一大特点就是结合实际，代码较完整，能直接应用到实际开发中。

十六、《高性能JavaScript》豆瓣8.5分



这本书是JavaScript界的神书之一，这本书的含金量非常高，里边的很多知识，都是作者通过实践总结出来的，都是经验的积累，这在一般的教科书上是学不到的。
这本书我认为是从菜鸟到初学者再到中级开发人员的必备，这本书虽然只有薄薄一册，涵盖的东西却有很多，更关键的是这是一本实践经验的总结。
书中提供了很多很棒的方法，并都附带有详细的数据信息加以验证，可以看出作者在JavaScript方面浸淫之久。
如果你面对某个开发过程中遇到的问题十分迷惑，相信我，试着从这本书中找找答案。

十七、《你不知道的JavaScript》（上中下）　豆瓣评分9.4



这本书分上、中、下三卷，强烈建议你都买来看看，绝对买不了吃亏，买不了上当。这本书真的是良心之作,简单易上手,适合JavaScript语言初学者阅读，又适合经验丰富的JavaScript开发人员深入学习。
内容很深入，满屏的知识点，几乎没有一句废话，感觉作者对知识的抽象总结能力很强，总能用简单的句话说明问题的核心本质，这本书挺考验思维逻辑能力的，JS的底层设计逻辑感觉很巧妙，比静态语言有趣多了，
本书介绍了该系列的两个主题：“作用域和闭包”以及“this和对象原型”。掌握了这些知识之后，无论什么技术、框架和流行词语，你都能轻松理解。

十八、《JavaScript函数式编程指南》豆瓣8.1分



目前JavaScript函数式编程讲得最好的一本书，本书主要介绍如何通过ECMAScript 6将函数式编程技术应用于代码，以降低代码的复杂性。
本书循序渐进地将函数式编程的相关知识铺陈开来，以理论作铺垫，并铺以实例，旨在帮助读者更好地掌握这些内容。
如果读者是对面向对象软件有一定的了解，且对现代Web应用程序挑战有一定认识的JavaScript开发人员，那么可以从中提升函数式编程技能。
如果读者是函数式编程的初学者，那么可以将本书作为入门书籍仔细阅读，为今后的学习夯实基础。

十九、《学习JavaScript数据结构与算法（第3版）》豆瓣8.8分



是目前用 JavaScript 语言来讲解最基础的数据结构与算法最好的书。
非常不错的数据结构与算法的入门书籍。不论是哪种开发方向，对想学习数据结构与算法的人来说都是个不错的选择，尤其是本身数据结构与算法功底偏弱的前端开发人员。
书不错，把常用的数据结构都给列了一下。后面还有排序算法，提了一下动态规划、贪心算法的东西，看完对概念都有个认识，再去学习刷题就会有个理解。
之前看算法题的科普文章会对哪些树结构概念不太懂，这本书却讲的非常通俗易懂。所以，强烈推荐这本书。

二十、《JavaScript面向对象精要》豆瓣9.1分



本书适合熟悉面向对象编程的概念并希望将其应用于JavaScript的开发者阅读，也适合JavaScript新手学习参考。
本书的很多内容都可谓基础知识，作者的《JavaScript高级程序设计（第三版）》里也覆盖了不少本书的内容，但这本书要稍稍详细一点，而且书的框架更加清晰，适合像我这样入门后，对 JavaScript 缺乏大局观的人。
通过这本书，你可以很明确地了解到，JavaScript 有五种基础类型，一种引用类型。函数的调用方式有四种，分别为函数调用、方法调用、构造器调用以及 apply (call) 调用……
这本书能把你梳理基础知识，对 JavaScript 整体有更好的把握。
前端框架相关书籍

整体上，前端框架相关的书，没有特别好的，如果非要推荐的话，就推荐以下基本吧。
二十一、《深入 React 技术栈》豆瓣7.9分



全面讲述React技术栈的第一本原创图书，pure render专栏主创倾力打造，
这本书并非面向初学者，如果连官方教程都没有读一遍，没有任何React的实践，慎读！。
覆盖React、Flux、Redux及可视化，帮助开发者在实践中深入理解技术和源码，前端组件化主流解决方案，一本书玩转React“全家桶”
本书讲解了非常多的内容，不仅介绍了面向普通用户的API、应用架构和周边工具，还深入介绍了底层实现。此外，本书非常重视实战，每一节都有实际的例子，细节丰富。可以从这本书里学到了很多东西，强烈推荐！

二十二、《React状态管理与同构实战》豆瓣 8.1分



React自开源以来，便以革命性的设计理念迅速颠覆了前端开发的传统意义，其倡导的组件化、状态管理、虚拟DOM等思想极大提高了前端开发效率。
这本书的两位作者均是一线的开发，经历过各种开发中的疑难杂症，将平时自己工作与学习的心得总结出来，这样的知识就更加可贵了，比起意淫各种理论，能在实践中胜出的，才是我们要去吸收的，这本书值得一读，看看一线开发是如何去解决问题以及去理解他们的学习心得，相信你会对工程开发与实践有更好的理解！
通俗易懂，由浅入深，让你对react有一个全新的认识，文笔幽默诙谐，读起来没那么枯燥，是一本难得的好书，你值得拥有！！！！！！！

二十三、《React 进阶之路》豆瓣7.2分



名为进阶，实则感觉更适合入门到到进阶。可能作者想表达的意思就是从0进阶。这本书比较详细介绍了React技术栈涉及的主要技术。分为基础篇、进阶篇和实战篇三部分。
基础篇主要介绍React的基本用法，包括React 16的新特性；进阶篇深入讲解组件state、虚拟DOM、高阶组件等React中的重要概念，同时对初学者容易困惑的知识点做了介绍；实战篇介绍React Router、Redux和MobX 3个React技术栈的重要成员，并通过实战项目讲解这些技术如何和React结合使用。
《React进阶之路》示例丰富、注重实战，适用于从零开始学习React的初学者，或者已经有一些React使用经验，但希望更加全面、深入理解React技术栈的开发人员。
阅读本书，需要先掌握基础的前端开发知识。

二十四、《深入浅出Node.js》豆瓣8.6分



本书是我看到现在对Node.JS技术原理和应用实践阐述的最深入，也最全面的一本兼顾了理论和实践的好书。
说实话，国内作者能有如此评价真的是非常厉害了。
作者秉着授人于鱼不如授人于渔的精神，细致入微的从V8虚拟机，内存管理，字符串与Buffer的应用，异步编程的思路和原理这些基础的角度来解释Node.JS是如何工作的，比起市面上众多教你如何安装node，用几个包编写一些示例来比，本书绝对让人受益匪浅。
认真看完本书，几乎可以让你从一个Node的外行进阶到专家的水平。赞！

二十五、《Node.js开发指南》豆瓣7.5分



这是一本非常不错的入门书！也是国内的第一本Node.js相关书籍，是一本非常出色的面向初学者的Node.js开发指南。
也许你在阅读本书之前仅仅接触过一丁点JavaScript，而你几乎根本不知道Node.js是个什么东西，但这完全不会妨碍你去阅读这本《Node.js开发指南》。
Node.js采用了以往类似语言和框架中非常罕见的技术，总结为关键词就是：非阻塞式控制流、异步I/O、单线程消息循环。
不少开发者在入门时总要经历一个痛苦的思维转变过程，给学习带来巨大的障碍。 而本书的目的就是帮助读者扫清这些障碍，学会使用Node.js进行Web后端开发，同时掌握事件驱动的异步式编程风格，以便进一步利用Node.js的高级特性。

二十六、《深入理解TypeScript》豆瓣6.9分



虽然也有基础内容，但是整体感觉不太适合入门，TypeScript近两年来发展很迅猛，已经成为很多大型项目的标配。
本书涵盖了TypeScript的大部分知识点，并对其进行了细致的讲解；本书示例丰富、简单易懂，你甚至可以直接把这些例子用于自己的开发工作；本书还对TypeScript编译原理进行了深入的剖析，力争让读者知其然，并知其所以然。
本书不仅为TypeScript初学者安排了与JavaScript相关的基础知识，而且对高级编程技巧、编译原理进行了深入浅出的解读，相信对于想深入了解TypeScript的开发者来说，通过阅读本书也能获得较大的提升。

二十七、《Angular权威教程》豆瓣7.7分



这本书堪称Angular领域的里程碑式著作，涵盖了关于Angular的几乎所有内容。
对于没有经验的人，本书平实、通俗的讲解，递进、严密的组织，可以让人毫无压力地登堂入室，迅速领悟新一代Web应用开发的精髓。
如果你有相关经验，那本书对Angular概念和技术细节的全面剖析，以及引人入胜、切中肯綮的讲解，将帮助你彻底掌握这个框架，在自己职业技术修炼之路上更进一步。
二十八、《锋利的jQuery（第2版）》豆瓣8.4分



这个书可以快速入门，适合新手。所以本书属于非常白话的讲解jQuery的书籍，目前我看了下国内做的好的jQuery书籍，估计就这一本了。
作为一本jQuery的工具书来读，还是很不错的，从最基本的语法，选择器，到后面的jQuery ajax等级知识，以及常用的一些插件都有介绍到，还是很不错的。
而且，W3C上的很多知识点还是自这本书里的，不错，还是比较好
反证是入门推荐的书籍把，有人说这本书太简单了，是的本来就是入门的书籍。

其他

二十九、《图解HTTP》豆瓣8.1分



因为看过图解TCP那本书，非常通俗易懂，如果推荐卖一本HTTP协议入门的，就这本了。对于HTTPS的协议也讲的非常好，http的缺点，https解决了那些问题以及基本的实现流程。
图解系列结合大量生动有趣的图片讲解了计算机相关的知识，这本书也具有同样的特点，并且覆盖了HTTP协议的核心内容，同时科普了大量web相关知识点，拓宽了知识广度。毕竟这是一门入门级图书，在并没有在深度上进行拓展。
总体上来说，这是一本适合计网新手入门的好书。 以前对计网是持排斥的心态，总觉得这门学科晦涩难懂，而且学习的意义不大，以后工作完全用不到，但是现在才意识到以前的想法有多愚钝。
网络，操作系统，算法这些基础知识贯穿程序员工作生涯始末，掌握得好可以快速上手任何一种框架，根据场景搭.

三十、《图解TCP/IP》豆瓣7.8分



这是一本图文并茂的网络管理技术书籍，旨在让广大读者理解TCP/IP的基本知识、掌握TCP/IP的基本技能。
书中讲解了网络基础知识、TCP/IP基础知识、数据链路、IP协议、IP协议相关技术、TCP与UDP、路由协议、应用协议、网络安全等内容，引导读者了解和掌握TCP/IP，营造一个安全的、使用放心的网络环境。
非常适合入门，写的很通俗，中间配有大量的插图，很容易能理解那些文字说的是什么意思。看完后明白了很多概念，整体网络的架构脑子也有了初步印象。
至于细节上，以后遇到再具体琢磨吧。很不错的一本书。

三十一、《HTTP权威指南》豆瓣8.6分



《HTTP权威指南》比较少见的全面介绍HTTP协议的书。全书涉及HTTP协议的方方面面：URL、URI、连接、Web服务器、代理、缓存、路由器、交换机、web机器人、cookie、认证、HTTPS、编码、负载均衡、日志记录等等。写的不错。
虽然是十年前的书，好在HTTP协议这十年来没什么变化，这本书基本不过时。只是10年前的网络比现在慢，网站架构比现在简单，书中涉及到网络的地方经常用modem来举例，书中出现的网站的架构也相对简单。
总体感觉这本书可以算互联网程序员的必读书目。

三十二、《Web性能权威指南》



本书是谷歌公司高性能团队核心成员的权威之作，堪称实战经验与规范解读完美结合的产物。本书目标是涵盖Web 开发者技术体系中应该掌握的所有网络及性能优化知识。
全书以性能优化为主线，从TCP、UDP 和TLS 协议讲起，解释了如何针对这几种协议和基础设施来优化应用。然后深入探讨了无线和移动网络的工作机制。
最后，揭示了HTTP 协议的底层细节，同时详细介绍了HTTP 2.0、 XHR、SSE、WebSocket、WebRTC 和DataChannel 等现代浏览器新增的具有革命性的新能力。
本书适合所有Web 应用及站点开发人员阅读，包括但不限于前端、后端、运维、大数据分析。
官方文档

学习技术怎么可能少的了，官方文档呢，这可是最一手的学习资源了，所以，官网是也是大家学习技术最好的场所，一定要重视起来哦。
Vue.js中文官方文档：https://vuejs.bootcss.com/guide/
React.js官方文档：https://reactjs``.org/docs/getting-started.html
React.js 小书：https://github.com/huzidaha/react-naive-book
Webpack中文官方文档：https://www.webpackjs.com/concepts/
Sass 中文文档：https://sass.bootcss.com/documentation
Less 中文文档：http://lesscss.cn/usage/
Stylus 中文文档：https://stylus.bootcss.com/
持续更新中.......
<hr/>到这里，关于格局的32本书推荐就结束啦。如果你喜欢或者觉得有帮助，就请慷慨大方的你点个赞吧，谢谢大家~
其实，好书有千千万万，去读什么样的书并没有那么重要，重要的是你从中领悟了什么道理，收获到了什么。
哪怕只是遇到Bug时，得到一点点的灵感，都不枉你去看过。
最后，希望喜欢学习的你们，坚持下去，做一个有知识的前端人，加油~
<hr/>
能让你高效学习前端的学习路线：
怎么学习前端开发？求推荐学习路线？

蜗大牛

[爱][爱][爱]坚持下去，做一个有知识的前端人，加油~

一定记得笑

加油

寻梦南国

你我皆黑马

不赖

[赞同][赞同][赞同]

程芳金

问问题就要象苏打饼干，干干脆脆~

施瓦辛洋

加油[赞]

是文鹏不是云鹏丶

[爱][爱]

槑槑

牛逼

拜天雨

笨鸟先飞加油干[爱][爱][爱][爱]