IT兄弟连 HTML5教程 HTML5的学习线路图 第二、三阶段

第二阶段编写用户交互功能

通过第一阶段的学习虽说可以完成页面制作，但并不完美，不能算是合格的前端工程师，所以要继续学习如图1.13中的第二阶段内容。现在的Web页面都融入了大量的特效，并且多数需要与用户在操作界面上有互动效果。做HTML5开发主要使用JavaScript语言，JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板。必要时还要学习一些JavaScript库，不仅可以简化开发步骤，还可以处理浏览器之间的兼容问题。jQuery则是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了jQuery的核心宗旨，即“用尽量少的代码完成尽可能多的功能”。如果第二阶段的内容完全掌握，再经过几个项目的磨练，就可以成为真正的前端工程师了。

第三阶段成为前端工程师

如果第一阶段和第二阶段的内容你都已经掌握了，其实也只能算是基础。做稍大一点的HTML5项目开发，一定会用到第三阶段的技术。这里笔者将第三阶段的学习内容分成了“Web应用开发”和“Web游戏制作”两个方向，如果受学习时间限制，读者可以选择一个方向学习。

一、Web APP开发

由于Web APP开发成本较低、升级较简单，以及维护比较轻松。它使用的技术无非就是HTML5、CSS3、JavaScript等技术做UI布局，只是再多掌握一些前端框架和封装APP的相关机制，服务端技术主要为PHP、JAVA等。目前，WebAPP是非常主流的移动APP开发模式，部分项目已经完全取代了传统的APP开发形式。

二、Web游戏开发

电子游戏发展了几十年，玩家越来越被精美的画面、逼真的特效所吸引。所谓HTML5游戏，即使用HTML5技术所开发的游戏，这种类型的游戏可直接运行于浏览器之中。与传统的游戏不同的地方在于具有良好的跨平台与传播性，HTML5游戏只需要一个URL链接地址，即可进行游戏，不仅如此，还不受时间、地点、设备的限制。目前市场上绝大部分HTML5游戏都是基于移动设备的，很少存在基于PC设备的HTML5游戏。学习HTML5的游戏制作，关于图像处理方面最成功的新特性莫过于Canvas和WebGL了，这两者都是用来处理图像和渲染的。所以学习HTML5游戏开发，一定要先掌握这两个技术，它们的出现正是为HTML5游戏提供了一种可能，基于Canvas和WebGL这两种技术，可以依赖浏览器制作出精美的游戏，同时不需要第三方插件的支持。这种技术耦合度是天然的，对HTML5游戏提供了坚实的基础。当然开发HTML5游戏也并非全部通过手写基础代码实现，目前有好多流行的HTML5游戏引擎，也是开发HTML游戏前必修的一门技术，笔者推荐国内一款Egret游戏引擎，新版本所有功能模块趋于稳定，通过Egret可以开发复杂好玩的HTML5游戏。

本章小结

要学习HTML5，我们需要了解两个组织：WHATWG（网页超文本技术工作小组）和W3C（万维网联盟），WHATWG是一个以推动网络HTML5标准为目的而成立的组织，而W3C主要为解决Web应用中不同平台、技术和开发者带来的不兼容问题，保障Web信息的顺利和完整流通而制定了一系列标准。HTML5让Web再次回归富客户端地步，而且更加的独立，减少了对第三方插件的依赖；对本地离线存储的更好的支持；同时增加了新的特殊内容元素，更好的的支持SEO以及方便视障人士使用；HTML5还增加了更加智能的表单，对数据校验等控制有了很好的支持，解决了版本控制、浏览器兼容性和非标准等一系列问题。总的来说，HTML5的新特性带给开发者的是更友好更丰富的本地处理API，更智能的更优雅的HTML标签，更强的本地处理功能，通信也进一步加强。相信由于HTML5标准化的支持，未来Web技术真正可以在任何端应用，使Web应用更加独立。