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

欢迎加入 Kindle 伴侣 QQ 读书群 544733048 实时交流。付费自动入群,禁止讨论 Kindle 硬件。

从当初笨拙地用记事本键入从新华书店偷偷抄来的代码写的第一张 HTML 网页开始,到现在用上最先进的 HTML5、CSS3 以及其它如 jQeury 等各种各样成熟的 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 版)》

front-end-ebook_1

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

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

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

电子书下载:mobi格式 | epub格式 | azw3格式 | 搜索更多格式

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

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

front-end-ebook_2

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

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

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

电子书下载:mobi格式 | epub格式 | azw3格式 | pdf格式 | 搜索更多格式

三、《CSS 禅意花园(修订版)》

front-end-ebook_3

作者:[美] 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 之“道”,这也是书名中带“禅意”的原由。

电子书下载:mobi格式 | epub格式 | azw3格式 | pdf格式 | 搜索更多格式

四、《jQuery 基础教程(第4版)》

front-end-ebook_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 的理解和应用都会再上一个台阶。

电子书下载:mobi格式 | epub格式 | azw3格式 | pdf格式 | 搜索更多格式

五、《JavaScript 权威指南(第6版)》

front-end-ebook_5

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

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

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

电子书下载(中文版):mobi格式 | epub格式 | 搜索更多格式
电子书下载(英文版):mobi格式 | epub格式 | 搜索更多格式

六、《JavaScript高级程序设计(第3版)》

front-end-ebook_6

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

电子书下载(中文版):mobi格式 | epub格式 | pdf格式 | 搜索更多格式
电子书下载(英文版):mobi格式 | epub格式 | 搜索更多格式

七、《HTML5 秘籍》

front-end-ebook_7

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

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

电子书下载:mobi格式 | epub格式 | azw3格式 | 搜索更多格式

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

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

Resilio Sync 同步:

* 注意:Resilio Sync 是更自由的去中心化分享方式。如果您用的是 Windows 或 Mac OS X 系统,请先下载安装相应版本 Resilio Sync Mac 客户端。如果您用的是 Android 或 iOS 系统,请在各自应用商店中搜索“Resilio Sync”并下载安装。然后根据下面提供的任一方式,将电子书同步到你的电脑或手机中。设置好后,每周的电子书都会自动同步到您的电脑或手机中,不需要每次都手动下载。

有帮助,[ 捐助本站 ] 或分享给小伙伴:

发表评论

标注为 * 的是必填项。您填写的邮箱地址将会被保密。如果是在本站首次留言,审核后才能显示。
若提问,请务必描述清楚该问题的前因后果,提供尽可能多的对分析该问题有帮助的线索。

小伙伴们发表了 6 条评论