Web前端书单从HTML到JS到AJAX到HTTP从框架到全栈

前言:技术书阅读方法论

一.速读一遍(最好在1~2天内完成)

人的大脑记忆力有限,在一天内快速看完一本书会在大脑里留下深刻印象,对于之后复习以及总结都会有特别好的作用。

对于每一章的知识,先阅读标题,弄懂大概讲的是什么主题,再去快速看一遍,不懂也没有关系,但是一定要在不懂的地方做个记号,什么记号无所谓,但是要让自己后面再看的时候有个提醒的作用,看看第二次看有没有懂了些。

二.精读一遍(在2周内看完)

有了前面速读的感觉,第二次看会有慢慢深刻了思想和意识的作用,具体为什么不要问我,去问30年后的神经大脑专家,现在人类可能还没有总结出为什么大脑对记忆的完全方法论,但是,就像我们专业程序员,打代码都是先实践,然后就渐渐懂了过程,慢慢懂了原理,所以第二遍读的时候稍微慢下来,2周内搞定。记住一句话:没看完一个章节后,总结一下这个章节讲了啥。很关键。

三.实践(在整个过程中都要)

实践的时候,要注意不用都去实践,最好看着书,敲下代码,把重点的内容敲一遍有个肌肉记忆就很不错了。

以及到自己做过的项目中去把每个有涉及的原理的代码,研究一遍,就可以了

前言:作为一名前端开发人员,如果你告诉我你没有看过任何关于前端的书籍,那么我完全可以认为你不是一名合格的前端开发工程师。为什么我要以“看书”来衡量合格前端的标准?因为前端作为一个特殊的极具变化与开拓性的工种,没有较强的自我学习与思考能力,很难在这激烈又纷杂的环境里存活而不被淘汰,而“看书”则是最基本的自我提升与补充知识的途径。

书中自有黄金屋。不管你是想涉猎前端抑或进行系统性的学习,我都推荐大家阅读前端的相关书籍。

备注:

加:qq 1126137994

或者微信:liu1126137994

可以免费获取两本电子书籍!

资源图示

以下是每本书的推荐语,清楚自己缺的是什么,就下定决心去补吧,一个好工作意味着高收入,投资自己的时间换来更宝贵的东西。

书单总结:

一.HTML系列书籍从入门到进阶系列

1.《HTML5 揭秘》

是知名的《HTML5:up and running》的中文译本,

很详细的介绍了HTML5的最新技术,如果你经常看Dive into HTML 5这个网站,肯定很了解这本书了。

算是入门款书籍,不枯燥,技术层面一般,适合菜鸟看,好在对格局有一定见解。当然如果一丁点编程知识都没有,也需要在阅读的时候多补充一下,非常推荐。

2.《响应式Web设计:HTML5和CSS3实战》BenFrain (作者), 王永强 (译者) 

 全书主要是带领读者做一个小网页来写的,其实响应式的东西讲得比较少,大半内容是介绍H5和css3的基础知识。如果同时想了解H5和css3和响应式设计入门,这本书不错。

3.《疯狂HTML 5/CSS3/JavaScript讲义》  李刚 (作者)  

简介:这是一本全面介绍HTML 5、CSS 3和JavaScript前端开发技术的图书,系统地介绍了HTML 5常用的元素和属性、HTML5的表单元素和属性、HTML 5的绘图支持、HTML5的多媒体支持、CSS 3的功能和用法、最前沿的变形与动画功能等。除此之外,《疯狂HTML 5/CSS 3/JavaScript讲义》还系统地介绍了JavaScript编程知识,包括JavaScript基本语法、DOM编程,以及HTML 5新增的本地存储、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。

4.《HTML5触摸界面设计与开发》 伍兹 (StephenWoods) (作者), 覃介右 谷岳 (译者)

简介:《HTML5触摸界面设计与开发》专注于触摸界面的开发,内容的结构和优化网站的思路大概一致。上半部分涵盖了能使各类网站,特别是移动网站变快的基本概念。书的后半部分是专门讲触摸界面的,特别是尽可能地让它们更平稳和快速。本书适合具有一定经验的Web开发者阅读参考。

5.《HTML5高级程序设计》

《HTML5 高级程序设计》是《Pro HTML5 Programming》的中文译本,写的相对比较深入,如果你对HTML5有较多了解,可以选择这本书。这本书适合有丰富编程经验的Web应用开发者。书中没有互联网发展基础知识的介绍。但是书中有许多现成的资源可以加快学习Web编程原理。当然,对于程序的的书跟平常的名著还不一样,因为自身经验不同,看法不同,需求不同,对于书的评价也不同。

二.CSS系列书籍从入门都进阶系列

1.《HTML & CSS设计与构建网站》

此书让我们知道,网页语言的书不只有呆板与枯燥,也可以赏心悦目,舒适的色彩搭配,恰到好处的图文编排!连插图都那么舒服。

除了书的装订不好以外(出版社为了赚钱呀,太耐糙了销量就小了),内容牛逼!给我们查漏补缺做工具书再适合不过了,介绍了新的HTML 5和CSS 3还有网站的设计以及网站的优化,虽然不多,也涉猎到了,更新很快,要知道,互联网的发展是一日千里。

如果没猜错,我估计作者是个MM,哈哈哈。

2.《CSS权威指南 (第3版)》

2000年时候的书,本来以为内容会比较旧,读了才发现内容全、系统,比现在网上各种版本的css教程之类要好的多,事实上好多都是从这本书摘出来的Eric A.Meyer,牛人,书里关于css的教程语言表述很清楚,章节合理,主要讲css1及css2中的布局、定位值得看,以前想看,正好在学校的图书馆找到,看完说不定买本放着,的确不错。

3.《精通CSS(第2版)-高级Web标准解决方案》

本书汇集了最有用的CSS技术,介绍了CSS的基本概念和最佳实践,结合实例探讨了图像、链接和列表的操纵,还有表单设计、数据表格设计、纯CSS布局等核心CSS技术。

4.《Eric Meyer 谈 CSS(卷2)》

这本书已一个又一个项目为基础,详细的展示了如何书写规范的样式,文章末尾已一个CSS禅意花园的项目为结尾,并告诉制作者,要做到纯粹的样式与结构相分离式不可能的。

推荐页面制作者阅读者本经典之作。

5.《CSS禅意花园》

 

第一次看有点糊里糊涂的,所以有些方面理解的模模糊糊。在这次看的过程中慢慢的理解了作者的一些意图,属于越看越有感觉的一本书。类似读中国古诗一样,越读越有兴趣,对自己网站页面的架构有很深的推动。

三.JavaScript从入门到进阶系列

就是有一定的基础(比如最常见的HTML标签及其属性、事件、方法;最常见的CSS属性;基础的JavaScript编程能力),能够完成一些简单的WEB前端需求。

1.推荐:《JavaScript Dom编程艺术》

理由:此书绝对是入门的好书,本人也是在接触JS一段时间后才看的这本书。此书从JS的历史 – JS基础语法知识 – DOM介绍和简单的使用。现在这本书已经出了第二版,需要的朋友直接第二版就行。 评价:简洁,实用,详细,易懂,书不厚,相信很快就能看完。 算是很好的经典入门书了,贯穿一个实例,把JavaScript的优点表现的淋漓尽致,非常强大。

2.推荐:《JavaScript权威指南(第5版)》

理由:非常强大(这名字可不是白起),其实说起来也惭愧,本人至今都没有买过这本书,最开始是因为 这个书实在是小贵,只好借朋友的看,不过也就看了个周末。网上关于此书的评价很多,意思大概都是说这书就是一个JS的文档手册,如果你有闲钱,并且习惯翻 书查询,那么就来一本吧。顺便提醒一句,这本书的第六版英文版已经出来了。

本人以前的DEV leader兼恩师这么说过:“初级开发人员的标志就是需要在中级和高级开发的指导下完成工作”。首先不要苛责代码的对错严谨,毕竟每个程序员都有这样的一个过程,就是这个级别的特征。

3.推荐:《JavaScript高级程序设计》(第三版)

理由:这本书的作者是 Nicholas C.Zakas ,博客地址是 http://www.nczonline.net/ ,大家可以去多关注,雅虎的前端工程师,是YUI的代码贡献者,可想而知这本书得含金量,他出的书都广受好评。这本书已经出了第二版,而且与第一版相比内 容更新很大,直接第二版就行。不要被书名的“高级”唬住,只要有JS基础语法知识和DOM基础知识就行,而且本书开始阶段还是介绍JS和DOM的语法知 识。有一定JavaScript的基础可以看看,不过没基础也可以看看,wrox经典书籍。

评论:重点推荐一下第五章(类型),第六章(OOP),第七章(匿名),多看几遍,至少要完全看明白,能为以后进阶打好基础,个人感觉这几章是本书的 精华所在。这本书在入门的时候看节奏会快了一些,所以不建议初学者看,可是相对于我一会要介绍的书又算基础一点,所以建议先阅读完这本书,对浏览器兼容和 语法知识有一定了解之后再往下阅读。

4.推荐:《高性能JavaScript》《JavaScript语言精髓与编程实践》

理由:本人先看的是《高性能JS》,这本书还是 Nicholas C.Zakas 所著,经典之作,书中大量举例了各种不同写法的JavaScript在浏览器中的性能情况,对规范JavaScript代码和提升性能有很好的帮助,最后 提到了很多工具和性能测试的方法,都是灰常灰常有实际作用的,看得出作者很厚道(好吧,偶承认了,偶是他的粉丝)^_^,记忆最深的一句话:”如果 JavaScript 执行了几秒钟,那么很可能是你做错了什么”;《语言精髓》和《高性能》有少部分关键知识都重复提到了,可是为什么要推荐这本书,因为本书对JS语言本质的描述太棒了,这是一本介绍 JavaScript语言本质的权威书籍,从 “对象”,“函数”,“继承”,“数组”等等多个重要知识着手。我补一句话 – 本书需要反复阅读。 评论:都是好书,都很薄,而且所说的内容只要有基础都不难。相信读完之后会对JS又有新的认识,且对以后的代码规范和浏览器差异性等高级问题有了新的认识,如果读完之后会有种被灌顶的感觉,那么恭喜你,你离中级不远了。作为Orelly唯一一本我确实认可的javascript相关的书。

他摒弃了Orelly系列所有我不喜欢的特点:

老外的聊天说教式阅读体验,样例不够丰富,排版单一,破事水等。

他的优点如下:

  1. 情景丰富,基本涉及所有js性能优化的场景。还会给出不同场景的实际测试数据,真实可信。我们在阅读这些场景实例的同时也丰富了自己js的使用经验。
  2. 给出了很多看似”旁门左道”的解决方案,而这些冷门的解决方案恰恰是有些人死活百度不到的真正能解决问题的最优解。
  3. 在说问题的同时说原理,深入浅出,游刃有余。所以这本书不仅仅是一本介绍js性能相关的书,而是一本涉及浏览器原理,js解析原理,用户体验等知识的javascript最佳注解。

阅读建议:

建议和高程三一起看,可以算是高程三阅读的最佳伴侣。

高程三告诉你“他叫什么,他什么样”,

这本书就告诉你“他为什么”,“他该怎样”。

所以,当别人还在为某些问题绞尽脑汁的时候,你已经从起点上干翻他们了。

5.推荐:《深入浅出JavaScript》

理由:Ajax程序员必备 里面讲自己开发的一个JavaScript框架。

6. 推荐《学习Javascript数据结构与算法》

理由:这本书相对是一本冷门书。为什么我会推荐他,是因为他能解决每个半路出家的js程序员都曾思考过的一些问题:

  1. 我们的数组Array这么强大,要栈Stack,队列Queue这些功能少,半半拉拉的东西干什么呢?
  2. 我们学的数据结构搞来搞去好像也就那些玩意,为什么被大家这么推崇,还要分门别类讨论呢?

所以这本书只是为何告诉你上面这些问题的答案:

  1. 栈和队列本来就没有Array功能强。没有Stack和Queue类只是因为ES5不去实现它而已。作为一种相互之间存在一种或多种特定关系的数据集合,其存在意义是不应该被其功能强大与否来决定的。
  2. 数据结构和编程语言无关。语言死了,他们会在下一门语言里重生。哪怕计算机死了,他们都会在下一个概念体里重生。

阅读建议:跟着书本把这里面的结构全部敲一遍,快的话一天就能搞定。从此你便再不怕惧怕js相关的简单数据结构问题。

但是,遇上高级的树,图等问题该跪还是要跪。因为这本书虎头蛇尾,后面的高级点的数据结构介绍的不够深。

适合经常反思“它从哪里来,要到哪里去?”的js程序员,或后悔以前数据结构没好好学的前端同学。

还是本人以前的DEV leader兼恩师这么说过:“中级开发人员的标志就是在高级开发或架构师较少的指导下高质量的完成工作,并对产品或项目有自己的想法与理解”。

7.强烈推荐:《JavaScript DOM高级程序设计》

理由:此书灰常犀利,本人一共看了近半年的时间,已反复阅读多次。说实话,这本书的翻译一般,代码也有少许错误,可是这不影响这本书的强大,通过学习 本书,可以理解一个JS的库如何产生,自己动手写一个简单的自己的JS库,如果你打算研究其他的JS库或者正在研究其他的JS库,那么这本书会使你的理解 达到新的高度,进阶高级必读,写库必读。 评论:异常强大的一本JS巨作,此书不薄,强烈推荐。

8.强烈推荐:《JavaScript设计模式与开发实践》

理由:我认为腾讯AlloyTeam的这本书对我帮助媲美高程三。那时候我恰好换公司,从原来的开发方式切换成另一种完全不同的开发方式,让我很不适应。这本书及时的蹦出来,他拿实际的应用场景举例,告诉你不同js项目里如何共通设计模式,还极其详细的介绍了函数的高级用法,能让你对js高阶函数的认知上升一个台阶。难能可贵的是他还拿java作为静态语言的类比。从语言统一高度来给你分析这些问题。和上本介绍数据结构的书一样,这本书有的放矢,能完美的解决对js设计模式有疑问的同学的实际问题。他比上本书更深刻,更易读,也更贴近实践。评论:书不厚,可真的是内容丰富且高深,强烈建议购买。

阅读建议:

这是本适合反复阅读的书籍。

如果你的思路能根据应用场景自动切换到最适合的设计模式,说明你已吃透这本书了。

9.推荐:《高性能网站建设指南》《高性能网站建设进阶指南》

理由:在读完前几本书之后我们对前端的性能和自己的代码的效率已经达到相当的高度了,然后我们在接触一些前端工程师的一些精髓。本书对HTTP请求,CDN,内容缓存和一些web开发中常见问题进行讲解。 评论:书都不厚,可是说的都是比较实用的东西,可是用不用的上还得看个人和项目需要了。

10.推荐:《精通JavaScript》

理由:把JavaScript讲得很面向对象。很现代! 图灵教育的出版引进书籍有很多都是经典书籍,非常好。

11. 推荐:《你不知道的JavaScript》

大名鼎鼎的Github开源的书籍。为了他的名气我也得买一本实体书来拜读下。这本是上卷,只涉及作用域和闭包,this和对象原型两部分。不过其深入程度是其他js书籍难以企及的。可以说,这已经是大部分前端程序员对js语法可以深入了解的最底层了,再往下就直面编译原理了。

阅读建议:

用于提升自己的js语法的理解等级。

对于进入工作第二年的想深入理解js语法的同学来说特别有效。

四.HTTP网络系列从入门到进阶系列

1.《图解HTTP和图解TCP/IP》

相较于前两本大厚书,这两本书更加亲民,小白可以买来看看,还是很适合入门的。

2.《计算机网络:自顶向下》

这本从应用层讲到物理层,感觉这种方式学起来更轻松,我比较推荐小白看这本。

3.《HTTP权威指南》

内容全面,涉及http及其周边方方面面,http前世今生,http响应机制,http连接过程,http安全认证,http编码,http页面上传等等。读完对http有一个全面的认识,尤其是最近回头重读了安全部分内容,感觉收获不小:

cookie有两个版本,由服务器set,在客户端每次请求时附加,作为认证/追踪凭证,cookie可配置限期和作用域;

帐号认证有base64方式和hash方式,都存在安全隐患;

https是王道,https = ssl + http。

五.AJAX系列从入门到进阶推荐

1.《Ajax基础教程》(亚马逊计算机榜首图书,国内第1本Ajax图书) (美)阿斯利森,(美)舒塔 著,金灵

AJAX必备图书之一、国内发行的第一本AJAX图书,也是目前最好的AJAX入门书,如果是AJAX新手,此书是最好的入门图书。本书基本包括了实现Ajax需要了解的大部分技术与工具,让您在一开始就对AJAX就有一个整体把握与全局观念。

2.《Ajax实战》(Ajax in action中文版)

AJAX必备的图书之二:人称“AJAX圣经”,AJAX的进阶最佳。特点就是足够深入,仅此一点,已经足够。

进阶看着一本能看懂就相当不错了。

六.vue.js从入门到进阶系列

1.《vue.js权威指南》

一般,入门看看就好。其中有部分是引用网上的,有点坑,看看电子版,对vue.js提升还是有点帮助的。大佬就不推荐了。

2.《vue.js实战》

由雨溪大佬的书,前端人不看会后悔的,特别是Vue.js这系列。

七.正则表达式系列

1.《正则表达式必知必会》

在该书的序言中作者已经提到过一些 大部头的正则表达式的书,而且作者也声明了:该书比较适合那些不太了解正则表达式而又想尽快入门能够解决一些实践中遇到的小问题的朋友们。我最近在看这本书,因为以前有一点半点的学习过正则表达式,感觉正则表达式语法虽然不算难,但是要真正用好还是有点难度的。需要大量的实践经验。这本书的正文内容大概十章左右,前五章都算一些基础知识,也是我以前就知道的,后面的几章也许你也知道,但是个人认为算是一些稍微高级点的内容。所以我想,如果你还不怎么精通正则表达式,在工作中使用起来比较费力的话,这本书倒也挺适合的。查漏补缺吧。学前端都适合看看。

2.《精通正则表达式》

我强烈推荐这本书,我看了之后对其的运行过程有了深入地了解,现在对一般的问题,运行的效率都有一定的提高。这个本买来很长时间了 感觉太厚 就一直没有看,这点时间突然对正则表达式感兴趣了 就看了 前几张的内容很值得看 尤其是中间几章,我是彻底了解了正则的工作原理 以前工作中出现的一些情况原来想不明白,现在也就觉得应该是这样子了 建议大家静下心来看这本书。

总结:

天下没有不劳而获的果实,望各位年轻的朋友,想学技术的朋友,在决心扎入技术道路的路上披荆斩棘,把书弄懂了,再去敲代码,把原理弄懂了,再去实践,将会带给你的人生,你的工作,你的未来一个美梦。

一.HTML系列书籍从入门到进阶系列

1.《HTML5 揭秘》

2.《响应式Web设计:HTML5和CSS3实战》

3.《疯狂HTML 5/CSS3/JavaScript讲义》   

4.《HTML5触摸界面设计与开发》 

5.《HTML5高级程序设计》

二.CSS系列书籍从入门都进阶系列

1.《HTML & CSS设计与构建网站》

2.《CSS权威指南 (第3版)》

3.《精通CSS(第2版)-高级Web标准解决方案》

4.《Eric Meyer 谈 CSS(卷2)》

5.《CSS禅意花园》

三.JavaScript从入门到进阶系列

1.《JavaScript Dom编程艺术》

2.《JavaScript权威指南(第5版)》

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

4.《高性能JavaScript》《JavaScript语言精髓与编程实践》

5.《深入浅出JavaScript》

6.《学习Javascript数据结构与算法》

7.《JavaScript DOM高级程序设计》

8.《JavaScript设计模式与开发实践》

9.《高性能网站建设指南》《高性能网站建设进阶指南》

10.《精通JavaScript》

11.《你不知道的JavaScript》

四.HTTP网络系列从入门到进阶系列

1.《图解HTTP和图解TCP/IP》

2.《计算机网络:自顶向下》

3.《HTTP权威指南》

五.AJAX系列从入门到进阶推荐

1.《Ajax基础教程》(亚马逊计算机榜首图书,国内第1本Ajax图书)

2.《Ajax实战》(Ajax in action中文版)

六.vue.js从入门到进阶系列

1.《vue.js权威指南》

2.《vue.js实战》

七.正则表达式系列

1.《正则表达式必知必会》

2.《精通正则表达式》

猜你喜欢

转载自blog.csdn.net/qq_37375427/article/details/84349127