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

第一张写在新华书店偷偷抄来的代码里，从一开始笨拙地用记事本键入HTML 网页开始使用最先进的 HTML5、CSS3 等，如 jQuery 等各种成熟 WEB 前端技术，不知不觉已经 11 年了。一路走来，经历了 HTML 结构层和表现层没有区别，使用量很大Table 嵌套布局时代。CSS 神一般出现，去除 HTML 作为表现层的重担，成为 WEB 前端开发新标准的时代。到目前为止， HTML5 和 CSS3 技术越来越成熟，进入响应 WEB 前端技术应用的新时代。虽然技术的发展总是在更新，但学习方法并没有发生太大的变化。作为一个新手，有必要找到一本好书来引入你正确的学习路径，并帮助你快乐地开始。

我还记得当初资料匮乏的时候，我只能通过挑选文档和理解来尝试和探索。每当我遇到困难时，我总是期待着一位伟大的上帝来帮助我，但最终我发现只有你自己才能真正帮助你。提高你的技术能力最有效的方法是阅读。你可能会说，阅读一些技术文档或网民的博客分享也很好，但这种学习方法的缺点是显而易见的。例如，当时遇到的一些问题可能会根据他人提供的现成解决方案来解决，但没有系统的学习来消化知识点。下次我遇到同样的问题时，我不可避免地需要回去寻找解决方案。就像编程中的黑匣子一样，如果你不理解它，它总是会打扰你。以下是作者选择的 WEB 前端技术书希望能帮助那些做相关工作或对此感兴趣的人。

   

目录

   

1、《CSS设计指南(第三版)
2、响应式Web设计：HTML5和CSS3实战》
3、《CSS禅花园(修订版)
4、《jQuery基础教程(第4版)
5、《JavaScript权威指南(第六版)
6、《JavaScript高级程序设计(第三版)
7、《HTML5秘籍》

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

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

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

读了三天，发现这是我迄今为止读过的最好的一本书CSS 书。对于新手来说，这本书可以循序渐进，逐渐好转；对于老手来说，可以系统梳理和清理死角。CSS 不难，难的是写聪明的 CSS。这本书从最基本的知识点开始，直到扩展到响应技术的应用，说得很透彻，理论和实践，非常好，强烈推荐。

* 注：电子书代码显示部分存在问题，可能是因为代码在排版过程中不能自动折叠，导致一些长代码显示不完整。临时解决方案是 Kindle 字体设置到最小查看显示不全的代码。如果你有编辑电子书的能力，可以自行修改电子书的 CSS 让代码自动折行。

立即购买

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

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

这本书堪称学习响应式 Web 设计中罕见的杰作。它不仅全面、详细、插图地介绍了媒体查询、流动布局、弹性媒体和弹性字体等响应设计相关技术，而且近年来也介绍了 Web 设计领域公认的最佳设计理念有机融入实例，如移动先行（Mobile First）、渐进增强、稳定退化、无障碍设计等。更难得的是，这本书以设计跨屏网页(响应式设计)为出发点，以点带面为出发点Web 设计领域两个标准的最新版本 HTML5 和 CSS3 也包括在内，读者可以掌握最新的设计技术，同时掌握先进的设计方法(如使用新的 HTML5 结构化语义标记、嵌入式媒体、响应式视频、 CSS3 新选择器、特效、过渡、变形、动画等。)，可以避免重复学习新标准的痛苦，让自己一步进入 Web 设计领域的前沿。无论你想学习响应 Web 设计，或学习 HTML5 和 CSS3这本书无疑是明智的选择，可以满足你的需求。

归根结底，响应 Web 设计不是一种独立的技术，而是现有技术的组合应用。只要有一点 HTML 和 CSS 基本读者可以成功地掌握它。对于中高级前端设计和开发人员，阅读这本书也有助于澄清他们的知识背景，更全面、更深入地理解和掌握这一新的设计概念。

立即购买

3、《CSS禅花园(修订版)

作者：[美] Dave Shea / Molly E. Holzschlag
陈黎
评分：7.8

这本书的作者是世界著名的网站设计师。这本书的例子来自网站设计领域最著名的网站——CSS Zen Garden（CSS 禅花园)。这本书分为两个主要部分。第一章是第一部分，讨论网站CSS 禅花园及其最基本的主题包括正确的标记结构和灵活性规划。第二部分包括 6 章，占书的大部分空间。每章分析CSS 禅花园包含的 6 设计作品围绕文字的使用等主要设计概念展开。通过探索 36 设计作品面临的挑战和解决方案，读者将了解主要 Web 设计原则及其应用 CSS 布局技巧，理解 CSS 设计的精髓，适当处理图形和字体，创建界面优美、性能优良、生命力强的网站。

严格地说，这不是教你如何使用 CSS 的书更倾向于 CSS 运用思想分析，换句话说，如何更聪明地利用 CSS 对 Web 进行布局设计。如果上面那些是属于 CSS 这本书应该属于 CSS 道，这也是书名中带有禅的原因。

立即购买

4、《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 支持等。第七章和第八章介绍 jQuery UI、jQuery Mobile 及利用 jQuery 开发自定义插件的强大扩展能力。在接下来的几章中，我们进一步讨论了jQuery 各种特点和一些高级技术。A 特别讲解了 JavaScript 闭包的概念，以及如何在 jQuery闭包在 中有效使用。B解释使用 QUnit 测试 JavaScript 代码必备知识。C 给出了 jQuery API 快速参考。

眼尖的朋友可能会看到这本书的译者是前面推荐的《CSS 设计指南(第 3 版)的译者翻译质量上乘，这在技术书籍中是非常罕见的。如果遇到半生不熟悉的翻译技术书籍，痛苦真的不如死，比如《奇妙之门》系列的翻译。相信看完这本书，你会对 jQuery 的理解和应用将达到更高的水平。

立即购买

5、《JavaScript权威指南(第六版)

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

这本书是程序员学习的核心JavaScript 语言与由 Web 由浏览器定义JavaScript API 的指南和综合参考手册。第 6 版涵盖 HTML 5 和 ECMAScript 5、为了跟上时代的步伐，跟上今天的最佳 Web 开发实践。本书新章描述了 jQuery 和服务器端 JavaScript。这本书适合那些想学习的人Web 精通编程语言的初级、中级程序员和希望JavaScript 的 JavaScript 程序员阅读。

这是一部经典的大部分作品，放在床边可以看，也可以困在枕头上，开玩笑。不用说，这本书的经典，虽然它看起来很害怕，但只要它被视为一本字典，它就会减轻你内疚的心理负担，因为你读不完。虽然有很好的 jQuery 之类的 JS 库，但理解 javascript 还需要操作原理和相关应用方法。

立即购买

6、《JavaScript高级程序设计(第三版)

作者：[美] 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 规范。

立即购买

7、《HTML5秘籍》

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

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

立即购买

古人说:读一百遍书，意思是自见。话虽然不错，但仅仅读技术书还远远不够，更需要做。系统的理论知识和一双巧手可以把代码腐朽变成神奇，创造出精彩的 Web 作品。希望这些优秀的作品能带你进入精彩的 Web 前端世界，用你的手给更多的人带来更好的页面浏览和互动体验。鼓励你。

假如你也有好 WEB 前端技术电子书推荐，欢迎留言推荐。