前言

近十年来，信息技术产业发展态势良好，在我国经济发展中起着非常重要的推动作用。信息技术产业也是“十三五”期间被列为重点发展的产业，市场前景广阔，Web前端开发工程师的需求量大幅增加。一名合格的Web前端开发工程师必须掌握基本的Web前端开发技术，包括CSS、HTML、DOM、JavaScript、ajax等，在掌握这些技术的同时，更要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和潜在的Bug。一名合格的前端工程师除了掌握网站性能优化、SEO和服务器端的基础知识等知识结构之外，还必须学会运用各种工具进行辅助开发，比如处理IE系列浏览器兼容性问题的IEtester, Firefox排错用的Firebug、FlashFirebug、Debugger等调试工具。总而言之，一名合格的Web前端开发工程师不但要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等内容。

本书基于HTML、CSS、jQuery、ajax等技术编写，重点突出交互式的Web前端技术实现。本书囊括了编者及其团队成员多年Web前端开发与设计的经验，是一本可以使读者快速建立规范的Web前端开发意识和工程化软件开发思想的书籍，是一本可以使读者快速提高Web前端开发技能并快速达到Web前端开发工程师岗位任职能力要求的书籍。本书内容编排结构合理，知识由浅入深，以较全面的知识点、丰富的案例、完整的综合项目实践为主要内容，结合分层开发思想，循序渐进地引导读者在基础篇学习基础理论，在进阶篇学习编程技巧，在高级篇通过综合项目实战提高Web前端开发技能。

本书由冷亚洪、黄炜负责全书的编写、统稿、知识点及案例设计。具体编写分工为：第1章由李发陵编写，第2章由冷亚洪编写，第3、4章由阚洪编写，第5、6章由宋宇编写，第7、8章由黄炜编写。

本书的特色如下：

（1）本书内容编排结构合理，知识点由浅入深，循序渐进地引导读者快速入门，并能提高初级及以上读者的实际应用水平，让读者能够快速适应对Web前端开发工程师岗位的新要求。

（2）本书采用“案例制”和“项目制”相结合的思想，通过大量的案例帮助读者对知识点的理解及掌握，使用综合项目案例（在线订餐系统）提升读者的综合应用能力。

（3）本书重点突出Web的交互式开发，结合软件的面向对象和分层开发思想进行编程，让读者掌握的不仅是传统的HTML+DIV+CSS+jQuery编程，而且会掌握软件开发思想，掌握前端与后台之间的交互式设计与实现。

（4）本书在综合项目案例部分，提供了Java和C#两种语言实现后台的数据处理，方便Java和C#方向的读者学习。

（5）本书使用市场上最流行的软件开发技术，使读者在完成本书的学习后，可以无缝地过渡到对应的工作岗位。

我们期望本书能为阅读者们提供以下帮助。

（1）软件类应用型本科或高职高专人才培养的实训教材。

（2）Web前端开发工程师的岗前学习教材。

（3）培训机构的培训教材。

（4）Web前端开发工程师的能力提升学习书籍。

在本书的编写过程中，参阅了大量的资料，尤其是参考文献中列出的资料。在此对所有资料的编写者表示衷心的感谢！由于本书内容涉及面广，加之编者的水平有限，不当之处在所难免，恳请广大读者朋友批评、指正，我们将不胜感激，编者的邮箱是7357220＠qq.com。

编者

2017年1月