前言

随着Web前端开发技术的快速发展，一方面归功于移动互联网的大规模普及及厂商对用户体验的高度关注；另一方面，由于移动端操作系统主要集中于iOS和Android，而每一家移动互联网公司都必须要为其App产品开发两套系统，去适配数百款移动终端，研发和维护成本居高不下。这些前提都让基于移动互联网的HTML5技术得以快速发展。由近年的趋势基本可以判断，将会有越来越多的厂商把前端开发的重心移向Web。

在这样一个时代背景下，越来越多的从业者将加入Web前端开发工程师的队伍当中。同时，随着HTML、CSS和JavaScript等技术规范的进一步升级及浏览器厂商的大力支持，Web浏览器扮演的角色将会越来越重要，甚至不可或缺。所以，写一本书普及一下Web前端开发最核心的技术，对于作者来说是一件非常有价值、有意义的事。

那么，通过怎样的写作方式，能够更好地传播这些技术呢？作者通过16年实际研发经验及近10年的讲师经验得到一些启发。要有效地传播知识，最好的方式并非眉飞色舞地演讲，而是让大家实战，进而总结思路，优化思路，进一步突破。所以本书在写作之初，就定了一个基本前提——“全程实战”，一切知识点的讲解和思路的梳理，都是为书中的实战案例做准备的。软件开发本来就是一门实战出真理的手艺，过多的口水战显得毫无意义，当然，单纯抄写代码，没有形成一套有效解决问题的思路和方法，那也注定只是一些假把式，离高手之路只能越来越远。

作为“蜗牛学院”的Web前端开发工程师训练营的核心教材，本书通过知识点讲解、实例讲解、项目实战三大步骤，可以有效地帮助读者把Web前端开发的三大核心技术HTML、CSS和JavaScript进行系统性的梳理，并且将其纳入真实的项目场景中，帮助读者更好地理解和应用这些技术。其中，HTML部分主要讲解标准的标签及属性的应用及在排版内容上的优化，CSS部分重点讲解目前通用的Web页面样式设置方式，通过将HTML和CSS进行有效的结合，可以制作出一个专业的Web页面甚至开发一个站点。但是HTML和CSS主要用于内容的美化与展现，还无法做到与用户进行有效的交互，这便是JavaScript之所长。

本书可以作为高校计算机相关专业学生的教学用书，也可以作为Web前端开发爱好者的实战宝典。如果作为高校教材，建议授课时间在64课时以上，且优先考虑在机房进行授课。如果是Web前端开发爱好者使用，也同样建议将书中的每一个练习和项目都完整地完成一遍，甚至两遍。这样才能具备了一个Web前端开发工程师的核心能力，剩下的只是解决更加具体的业务和应用场景而已。

在本书的写作过程中，我的同事和家人给予了很大的理解和支持。在此对我的同事李懿、陈南、陈华、胡平等表示真诚的感谢。最后，非常感谢蜗牛学院的学员们，是我们无数个日夜的教与学以及师生之间的大量讨论，成就了本书案例和思路的成型。

读者可以通过蜗牛学院的在线课堂（网址为：http://www.woniuxy.com）进行学习，下载配套视频和源代码。相应资源也可登录人民邮电出版社教育社区进行下载。如果需要与作者进行技术交流或商务合作，可添加微信或QQ15903523，或添加QQ群645859048，或访问作者原创学习网站：http://www.bossqiang.com均可，当然，也可以直接发送邮件至dengqiang@woniuxy.com。

由于作者经验和水平有限，书中疏漏之处在所难免，欢迎读者朋友们批评指正。

编者

2017年5月