致谢

前言

第1章 养眼效果

1号秘方 设计按钮和链接

2号秘方 使用CSS设计评论

3号秘方 用CSS3变形技术创建动画

4号秘方 用jQuery创建交互幻灯片

5号秘方 设计创建行内帮助对话框

第2章 用户界面

6号秘方 创建HTML格式的电子邮件模板

7号秘方 多Tab界面的内容切换

8号秘方 可访问的展开和折叠

9号秘方 使用快捷键与网页交互

10号秘方 使用Mustache创建HTML

11号秘方 用无尽分页方式显示信息

12号秘方 带状态的ajax

13号秘方 通过Knockout.js使客户端交互更清爽

14号秘方 使用Backbone.js组织代码

第3章 数据处理

15号秘方 嵌入一幅Google地图

16号秘方 使用Highcharts创建图表和图形

17号秘方 创建简单的联系人表单

18号秘方 利用JSONP访问跨网站数据

19号秘方 创建Widget嵌入其他站点

20号秘方 使用javaScript和CouchDB建立带状态的网站

窘4章 移动开发

21号秘方 面向移动设备的开发

22号秘方 触摸响应式下拉菜单

23号秘方 移动设备上的拖放

24号秘方 利用jQuery Mobile创建用户界面

25号秘方 CSS Sprite技术

第5章 流程优化

26号秘方 使用栅格快速有效地进行设计

27号秘方 以Jekyll创建简单Blog

28号秘方 以Sass搭建模块化样式表

29号秘方 以CoffeeScript清理Javascript

30号秘方 以Git管理文件

第6章 测试方法

31号秘方 调试JavaScript

32号秘方 用户点击热图分析

33号秘方 使用Selenium测试浏览器

34号秘方 Cucumber驱动Selenium测试

35号秘方 Javascript测试框架Jasmine

第7章 安装部署

36号秘方 使用Dropbox来托管静态网站

37号秘方 建立虚拟机

38号秘方 使用Vim修改Web服务器配置文件

39号秘方 使用SSL和HTTPS来加强Apache安全

40号秘方 保护你的内容

41号秘方 URL重写来保护链接

42号秘方 使用Jammit和Rake自动化部署静态网站

附录 安装Ruby

参考文献

索引

翻译审校名单

只会一点HTML、CSS和JavaScript已经远远不够用了，今天的Web开发者不仅要会编写可测试的代码、设计交互界面、集成各种服务，还要学会配置服务器（或者至少会一点后端知识）。本书精选新一代Web开发者需要掌握的开发技巧和解决方案，内容涵盖了从美化前端用户界面的CSS技巧到优化后端服务器的配置方法。

本书为谁而写？

这本书是写给从事Web开发相关工作的读者看的。希望扩展业务技能的Web设计师和前端开发人员可以从中学习新的开发工具的工作流程，从而提高工作效率，同时还能接触到一些实用的服务器端应用技巧。

从事服务器端开发工作的读者可以从中学会前端开发技巧，找到各种前端问题的解决方案，特别是提高测试效率和改善工作流程的技巧。

阅读本书最好具备基本的客户端编程知识，能够阅读JavaScript和jQuery代码。如果有些部分读不懂也没关系，你可以先使用书里的代码解决问题，回头再慢慢研究原理。

 

本书包含哪些内容？

本书收集了大量Web开发技巧，我们称之为秘方。每个秘方针对一个具体的问题，由问题描述和解决方案两部分组成。这些问题包括如何测试应用在不同浏览器下的表现，如何快速搭建简单的静态网站，如何从大量电子邮件中提取联系人信息，如何配置Apache来重定向URL并提供更稳定的服务，等等。

我们尽可能解释每个秘方的工作原理，让读者知其然，也知其所以然，做到活学活用。由于篇幅有限，本书不可能讲解复杂的系统架构，每个秘方末尾的深入研究部分提供了进一步学习的相关资源。

虽然秘方根据不同的主题分成7章，但是读者不必受章节限制，可以自由挑选感兴趣的章节阅读。每章的内容都是由浅入深，最难的秘方通常放在最后。

第1章 养眼效果利用CSS和其他技巧美化Web应用的外观细节。

第2章 用户界面旨在提高用户界面的质量，用到了各种JavaScript框架（比如Knockout和Backbone等）。读者还将学习到优化模板的技巧，以提高发送HTML电子邮件的效率。

第3章 数据处理介绍各种处理数据的方法，比如建立简单的联系人清单，使用CouchDB中的CouchApp搭建数据库驱动的Web应用等。

第4章 移动应用讲解各种移动平台上的应用技巧，比如发挥jQuery Mobile的作用，处理多点触控事件，思考哪些应用适合为用户提供移动服务等。

第5章 流程优化介绍提高开发效率的技巧，比如，使用SASS大幅提高处理复杂样式表的效率，使用CoffeeScript编写更简洁、更易于管理的代码等。

第6章 测试方法讲解自动测试的技巧，读者将学会如何测试自己的JavaScript代码。

第7章 安装部署介绍了搭建虚拟机环境的方法，这样读者可以更安全地测试自己的Web应用。此外，读者还将学习提高网站安全性和稳定性的技巧，以及重定向的方法。此外，还介绍了自动部署网站的方法，降低遗漏上传文件的机率。