本书是一本介绍Web前端应用开发技术的图书，主要内容包括HTML5开发基础、CSS开发基础、JavaScript开发基础、Web开发框架、Web App开发、物联网Web应用开发实例。本书采用任务式的学习方法，每个任务均给出了一个实际案例，每个实际案例均包含开发场景、任务目标、原理学习、开发实践、任务验证、任务小结、思考与拓展。本书通过实际案例将理论学习和开发实践结合起来，每个实际案例均附有完整的开发代码，读者可在开发代码的基础上进行快速的二次开发。

巴音查汗，教授，男，蒙古族，现工作于新疆职业大学信息技术学院，担任物联网技术应用教研室主任。主要从事物联网应用技术、软件技术、大数据技术等专业教学和研究，系统讲授高级语言程序设计、自动识别应用技术、嵌入式系统开发、大数据技术应用及物联网系统集成等课程。

目　　录
第1章　HTML5开发基础 （1）
1.1　任务1：风机设备信息页面的设计 （1）
1.1.1　开发场景 （1）
1.1.2　任务目标 （2）
1.1.3　原理学习 （2）
1.1.4　开发实践 （13）
1.1.5　任务验证 （15）
1.1.6　任务小结 （15）
1.1.7　思考与拓展 （16）
1.2　任务2：楼宇照明管理页面的设计 （16）
1.2.1　开发场景 （16）
1.2.2　任务目标 （16）
1.2.3　原理学习 （17）
1.2.4　开发实践 （25）
1.2.5　任务验证 （28）
1.2.6　任务小结 （28）
1.2.7　思考与拓展 （29）
1.3　任务3：温湿度控制系统页面的设计 （29）
1.3.1　开发场景 （29）
1.3.2　任务目标 （29）
1.3.3　原理学习 （29）
1.3.4　开发实践 （39）
1.3.5　任务验证 （43）
1.3.6　任务小结 （44）
1.3.7　思考与拓展 （44）
第2章　CSS开发基础 （45）
2.1　任务4：光强调节页面样式的设计 （45）
2.1.1　开发场景 （45）
2.1.2　任务目标 （45）
2.1.3　原理学习 （46）
2.1.4　开发实践 （53）
2.1.5　任务验证 （56）
2.1.6　任务小结 （56）
2.1.7　思考与拓展 （56）
2.2　任务5：环境数据显示页面样式的设计 （56）
2.2.1　开发场景 （57）
2.2.2　任务目标 （57）
2.2.3　原理学习 （57）
2.2.4　开发实践 （75）
2.2.5　任务验证 （78）
2.2.6　任务小结 （78）
2.2.7　思考与拓展 （79）
2.3　任务6：消防控制页面样式的设计 （79）
2.3.1　开发场景 （79）
2.3.2　任务目标 （80）
2.3.3　原理学习 （80）
2.3.4　开发实践 （87）
2.3.5　任务验证 （90）
2.3.6　任务小结 （91）
2.3.7　思考与拓展 （91）
第3章　JavaScript开发基础 （93）
3.1　任务7：水质调节系统的页面设计 （93）
3.1.1　开发场景 （93）
3.1.2　任务目标 （94）
3.1.3　原理学习 （94）
3.1.4　开发实践 （100）
3.1.5　任务验证 （103）
3.1.6　任务小结 （103）
3.1.7　思考与拓展 （104）
3.2　任务8：水位调节系统的页面设计 （104）
3.2.1　开发场景 （104）
3.2.2　任务目标 （104）
3.2.3　原理学习 （104）
3.2.4　开发实践 （118）
3.2.5　任务验证 （120）
3.2.6　任务小结 （120）
3.2.7　思考与拓展 （120）
3.3　任务9：安防报警日志的页面设计 （121）
3.3.1　开发场景 （121）
3.3.2　任务目标 （121）
3.3.3　原理学习 （121）
3.3.4　开发实践 （131）
3.3.5　任务验证 （134）
3.3.6　任务小结 （134）
3.3.7　思考与拓展 （134）
3.4　任务10：门禁远程控制的页面设计 （135）
3.4.1　开发场景 （135）
3.4.2　任务目标 （135）
3.4.3　原理学习 （135）
3.4.4　开发实践 （142）
3.4.5　任务验证 （145）
3.4.6　任务小结 （146）
3.4.7　思考与拓展 （146）
第4章　Web开发框架 （147）
4.1　任务11：农业土壤调节页面的开发 （147）
4.1.1　开发场景 （147）
4.1.2　任务目标 （148）
4.1.3　原理学习 （148）
4.1.4　开发实践 （154）
4.1.5　任务验证 （158）
4.1.6　任务小结 （159）
4.1.7　思考与拓展 （159）
4.2　任务12：农业光强调节页面的开发 （159）
4.2.1　开发场景 （159）
4.2.2　任务目标 （159）
4.2.3　原理学习 （160）
4.2.4　开发实践 （168）
4.2.5　任务验证 （172）
4.2.6　任务小结 （172）
4.2.7　思考与拓展 （172）
4.3　任务13：仓库环境管理页面的开发 （172）
4.3.1　开发场景 （173）
4.3.2　任务目标 （173）
4.3.3　原理学习 （173）
4.3.4　开发实践 （181）
4.3.5　任务验证 （188）
4.3.6　任务小结 （189）
4.3.7　思考与拓展 （189）
第5章　Web App开发 （191）
5.1　任务14：智能避障系统App的开发 （191）
5.1.1　开发场景 （191）
5.1.2　任务目标 （192）
5.1.3　原理学习 （192）
5.1.4　开发实践 （199）
5.1.5　任务验证 （207）
5.1.6　任务小结 （207）
5.1.7　思考与拓展 （207）
5.2　任务15：智能燃气控制App的开发 （207）
5.2.1　开发场景 （207）
5.2.2　任务目标 （207）
5.2.3　原理学习 （208）
5.2.4　开发实践 （220）
5.2.5　任务验证 （233）
5.2.6　任务小结 （233）
5.2.7　思考与拓展 （234）
第6章　物联网Web应用开发实例 （235）
6.1　任务16：物联网系统框架及Web开发接口 （235）
6.1.1　开发场景：物联网系统框架 （235）
6.1.2　任务目标 （235）
6.1.3　原理学习：Web开发接口 （236）
6.1.4　开发实践：建立服务连接 （241）
6.1.5　任务验证 （250）
6.1.6　任务小结 （252）
6.1.7　思考与拓展 （252）
6.2　任务17：物联网Web应用开发 （252）
6.2.1　开发场景：仓库环境管理系统 （252）
6.2.2　任务目标 （252）
6.2.3　原理学习：仓库环境管理系统的分析和Web应用程序的设计 （253）
6.2.4　开发实践：仓库环境管理系统 （260）
6.2.5　任务验证 （275）
6.2.6　任务小结 （277）
6.2.7　思考与拓展 （277）
参考文献 （279）