HTML/CSS/JS：系统学习 WEB 前端技术上乘之作

从当初笨拙地用记事本键入从新华书店偷偷抄来的代码写的第一张 HTML 网页开始，到现在用上最先进的 HTML5、CSS3 以及其它如 jQuery 等各种各样成熟的 WEB 前端技术，不觉间已经 11 年了。一路走来，经历了 HTML 还没有区分结构层和表现层、大量使用 Table 嵌套布局的时代。继而 CSS 神一般地出现，卸下 HTML 充当表现层的重担，成为 WEB 前端开发新标准的时代。到现在随着 HTML5 和 CSS3 技术日趋成熟，进入响应式 WEB 前端技术应用的新时代。虽然技术的发展总是在不断更新，但学习方法却并没发生多大的改变。作为一名新手，找到一本把你引入一条正确的学习路径、帮你愉快入门的好书是十分必要的。

犹记得当初资料匮乏，只能靠扒文档和悟性不断试错摸索，每当被一个问题难到时，总期待有一位大神能出手相助，但到最后才发现，能真正帮到你的只有你自己。而提升自己技术能力的最有效手段就是读书。可能你会说看一些技术文档或网友的博客分享也不错呀，但这种学习方法的缺点是很明显的。比如对于遇到的某些问题可能当时根据别人提供的现成方案解决了，却少了系统性的学习才能对知识点的消化，当下次再遇到同样问题时，难免需要再次返回来寻找解决方法。就像编程中的“黑匣子”，不吃透它，它总会来烦你。下面是笔者精选出的一些 WEB 前端技术书籍，希望对做着相关工作或对此感兴趣的小伙伴有所帮助。

目录

一、《CSS设计指南（第3版）》
二、《响应式Web设计：HTML5和CSS3实战》
三、《CSS禅意花园（修订版）》
四、《jQuery基础教程（第4版）》
五、《JavaScript权威指南（第6版）》
六、《JavaScript高级程序设计（第3版）》
七、《HTML5秘籍》

一、《CSS 设计指南（第3版）》

作者：[英] Charles Wyke-Smith
译者：李松峰
评分：8.8

《图灵程序设计丛书:CSS设计指南(第3版)》是一本面向初中级读者的经典设计指南。全书共分 8 章，前 4 章分别介绍了HTML标记和文档结构、CSS 工作原理、定位元素、字体和文本，对规则、声明、层叠、特指度、选择符等基本概念进行了详细解读。随后4章介绍了页面布局、界面组件，CSS3 圆角、阴影、渐变、多背景等视觉设计技巧，最后还对如何实现最前沿的响应式设计进行了通俗易懂的演示。

花三天读了一遍，发现这是至今为止我看过的写得最好的一本讲 CSS 的书。这本书对新手来说，能循序渐进，渐入佳境；对老手来说，能系统梳理，打扫死角。会写 CSS 不难，难的是写聪明的 CSS。这本书从最基础的知识点开始，直至扩展到响应式技术的应用，该说的都说透了，理论加实践，非常棒，强烈推荐。

* 注意：电子书代码显示部分有问题，可能因为排版时没能让代码自动折行，导致有些比较长的代码显示不全，临时解决方法是把 Kindle 字体设置到最小查看显示不全的代码。如果你有编辑电子书的能力，可以自行修改电子书的 CSS 让代码自动折行。

立即购买

二、《响应式Web设计：HTML5和CSS3实战》

作者：[英] Ben Frain
译者：王永强
评分：7.3

本书堪称学习响应式 Web 设计的难得佳作。它不仅全面、细致、图文并茂地介绍了响应式设计相关的技术，比如媒体查询、流式布局、弹性媒体和弹性字体等，还把近几年来 Web 设计领域公认的最佳设计理念有机地融入到了实例当中，比如移动先行（Mobile First）、渐进增强、平稳退化、无障碍设计等。更加难得的是，本书以设计跨屏幕的网页（响应式设计）为出发点，以点带面，把如今 Web 设计领域两大标准的最新版本 HTML5 和 CSS3 也纳入其中，读者在掌握先进设计方法的同时也能掌握最新的设计技术（比如使用新的 HTML5 结构化语义标记、嵌入媒体、响应式视频，以及 CSS3 的新选择器、特效、过渡、变形和动画等），从而可以免除重复学习新标准之苦，让自己一步跨入 Web 设计领域的最前沿。无论你想学习响应式 Web 设计，还是学习 HTML5 和 CSS3 的实际应用，本书都能满足你的需要，是毋庸置疑的明智之选。

说到底，响应式 Web 设计并非一门独立的技术，而只是现有技术的一个组合应用。只要有一点 HTML 和 CSS 基础的读者都能顺利地掌握它。对于中、高级的前端设计和开发人员，翻阅本书也有助于理清自己的知识脉络，对这个新的设计理念获得更全面、深入的理解和把握。

立即购买

三、《CSS禅意花园（修订版）》

作者：[美] Dave Shea / Molly E. Holzschlag
译者：陈黎夫 / 山崺颋
评分：7.8

这本书的作者是世界著名的网站设计师，书中的范例来自网站设计领域最著名的网站——CSS Zen Garden（CSS 禅意花园）。全书分为两个主要部分。第 1 章为第一部分，讨论网站“CSS 禅意花园”及其最基本的主题，包含正确的标记结构和灵活性规划等。第二部分包括 6 章，占据了书中的大部分篇幅。每章剖析“CSS 禅意花园”收录的 6 件设计作品，这些作品围绕一个主要的设计概念展开，如文字的使用等。通过探索 36 件设计作品面临的挑战和解决的问题，读者将洞悉主要的 Web 设计原则以及它们运用的 CSS 布局技巧，理解 CSS 设计的精髓，恰当地处理图形和字体来创建界面优美、性能优良且具有强大生命力的网站。

严格意义上说，这不是一本教你怎样使用 CSS 的书，更多倾向于 CSS 应用思想的剖析，换句话说就是怎样更聪明的利用 CSS 对 Web 进行布局设计。如果上面那些是属于 CSS 之“术”，那这本书应该属于 CSS 之“道”，这也是书名中带“禅意”的原由。

立即购买

四、《jQuery基础教程（第4版）》

作者：[美] Jonathan Chaffer / Karl Swedberg
译者：李松峰
评分：8.9

本书由 jQuery API 网站维护者亲自撰写，第一版自 2008 上市以来，一版再版，累计重印 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 的快速参考。

眼尖的小伙伴可能看出来了，这本书的译者就是前面推荐的《CSS 设计指南（第 3 版）》的译者，翻译质量上成，这在技术类书籍里是十分难得的，如果你碰到那种翻译的半生不熟的技术类书籍，那种痛苦真的是生不如死，比如《众妙之门》系列的翻译。相信读完这本书，你对 jQuery 的理解和应用都会再上一个台阶。

立即购买

五、《JavaScript权威指南（第6版）》

作者：David Flanagan
译者：淘宝前端团队
评分：8.9

本书是程序员学习核心 JavaScript 语言和由 Web 浏览器定义的 JavaScript API 的指南和综合参考手册。第 6 版涵盖 HTML 5 和 ECMAScript 5。很多章节完全重写，以便与时俱进，紧跟当今的最佳 Web 开发实践。本书新增章节描述了 jQuery 和服务器端 JavaScript。本书适合那些希望学习 Web 编程语言的初、中级程序员和希望精通 JavaScript 的 JavaScript 程序员阅读。

这是一本经典的大部头著作，放在床边既可以随手翻看，又可以困了当枕头，开个玩笑。这本书的经典就不用说了，虽然看起来望而生畏，但只要把它当做一本字典，就会减轻你你因为读不完而产生内疚感的心理负担。虽然有很好用的 jQuery 之类的 JS 库，但理解 javascript 的运作原理以及相关应用方法还是很有必要的。

立即购买

六、《JavaScript高级程序设计（第3版）》

作者：[美] Nicholas C. Zakas
译者：李松峰 / 曹力
评分：9.3

本书是 JavaScript 超级畅销书的最新版。ECMAScript5 和 HTML5 在标准之争中双双胜出，使大量专有实现和客户端扩展正式进入规范，同时也为 JavaScript 增添了很多适应未来发展的新特性。本书这一版除增加5 章全新内容外，其他章节也有较大幅度的增补和修订，新内容篇幅约占三分之一。全书从 JavaScript 语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起，深入浅出地探讨了面向对象编程、Ajax 与 Comet 服务器端通信，HTML5 表单、媒体、Canvas（包括 WebGL）及Web Workers、地理定位、跨文档传递消息、客户端存储（包括 IndexedDB）等新 API，还介绍了离线应用和与维护、性能、部署相关的最佳开发实践。本书附录展望了未来的 API 和ECMAScript Harmony 规范。

立即购买

七、《HTML5秘籍》

作者：Matthew MacDonald
译者：李松峰 / 朱巍
评分：8.4

《HTML5 秘籍》共包括四个部分，共12章。第一部分介绍了 HTML5 的发展历程，利用 HTML5 重新构造网页，以及 HTML5 的语义元素。第二部分介绍了 HTML5 对传统 Web 表单的翻新、HTML5 中的音频与视频、Canvas 绘图技术、CSS3 等内容。第三部分介绍了数据存储、离线应用、与 Web 服务器通信，以及 HTML5 与 JavaScript 技术的强大结合等内容。第四部分为附录，简单介绍了 CSS 和 JavaScript。

立即购买

古人云：书读百遍，其义自见。话虽不错，但对于技术类书籍仅仅是“读”是远远不够的，更多是需要动手“做”，系统的理论知识加上一双巧手才能把代码化腐朽为神奇，创作出一个个精彩的 Web 作品。希望以上这些上乘之作能够带你进入奇妙的 Web 前端世界，用你的双手给更多的人带来更好的页面浏览和交互体验。与君共勉。

如果您也有好的 WEB 前端技术类电子书推荐，欢迎留言推荐。

* 本站不提供电子书下载，请自行搜索下载或购买正版。