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版)》

front-end-ebook_1

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

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

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

* 注意:电子书代码显示部分有问题,可能因为排版时没能让代码自动折行,导致有些比较长的代码显示不全,临时解决方法是把 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 基础的读者都能顺利地掌握它。对于中、高级的前端设计和开发人员,翻阅本书也有助于理清自己的知识脉络,对这个新的设计理念获得更全面、深入的理解和把握。

三、《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 之“道”,这也是书名中带“禅意”的原由。

四、《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 的理解和应用都会再上一个台阶。

五、《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 的运作原理以及相关应用方法还是很有必要的。

六、《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 规范。

七、《HTML5秘籍》

front-end-ebook_7

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

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

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

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

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

发表评论

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

小伙伴们发表了 6 条评论