目　　錄
第1章　HTML5開發(fā)基礎(chǔ) （1）
1.1　任務(wù)1：風(fēng)機(jī)設(shè)備信息頁面的設(shè)計(jì) （1）
1.1.1　開發(fā)場景 （1）
1.1.2　任務(wù)目標(biāo) （2）
1.1.3　原理學(xué)習(xí) （2）
1.1.4　開發(fā)實(shí)踐 （13）
1.1.5　任務(wù)驗(yàn)證 （15）
1.1.6　任務(wù)小結(jié) （15）
1.1.7　思考與拓展 （16）
1.2　任務(wù)2：樓宇照明管理頁面的設(shè)計(jì) （16）
1.2.1　開發(fā)場景 （16）
1.2.2　任務(wù)目標(biāo) （16）
1.2.3　原理學(xué)習(xí) （17）
1.2.4　開發(fā)實(shí)踐 （25）
1.2.5　任務(wù)驗(yàn)證 （28）
1.2.6　任務(wù)小結(jié) （28）
1.2.7　思考與拓展 （29）
1.3　任務(wù)3：溫濕度控制系統(tǒng)頁面的設(shè)計(jì) （29）
1.3.1　開發(fā)場景 （29）
1.3.2　任務(wù)目標(biāo) （29）
1.3.3　原理學(xué)習(xí) （29）
1.3.4　開發(fā)實(shí)踐 （39）
1.3.5　任務(wù)驗(yàn)證 （43）
1.3.6　任務(wù)小結(jié) （44）
1.3.7　思考與拓展 （44）
第2章　CSS開發(fā)基礎(chǔ) （45）
2.1　任務(wù)4：光強(qiáng)調(diào)節(jié)頁面樣式的設(shè)計(jì) （45）
2.1.1　開發(fā)場景 （45）
2.1.2　任務(wù)目標(biāo) （45）
2.1.3　原理學(xué)習(xí) （46）
2.1.4　開發(fā)實(shí)踐 （53）
2.1.5　任務(wù)驗(yàn)證 （56）
2.1.6　任務(wù)小結(jié) （56）
2.1.7　思考與拓展 （56）
2.2　任務(wù)5：環(huán)境數(shù)據(jù)顯示頁面樣式的設(shè)計(jì) （56）
2.2.1　開發(fā)場景 （57）
2.2.2　任務(wù)目標(biāo) （57）
2.2.3　原理學(xué)習(xí) （57）
2.2.4　開發(fā)實(shí)踐 （75）
2.2.5　任務(wù)驗(yàn)證 （78）
2.2.6　任務(wù)小結(jié) （78）
2.2.7　思考與拓展 （79）
2.3　任務(wù)6：消防控制頁面樣式的設(shè)計(jì) （79）
2.3.1　開發(fā)場景 （79）
2.3.2　任務(wù)目標(biāo) （80）
2.3.3　原理學(xué)習(xí) （80）
2.3.4　開發(fā)實(shí)踐 （87）
2.3.5　任務(wù)驗(yàn)證 （90）
2.3.6　任務(wù)小結(jié) （91）
2.3.7　思考與拓展 （91）
第3章　JavaScript開發(fā)基礎(chǔ) （93）
3.1　任務(wù)7：水質(zhì)調(diào)節(jié)系統(tǒng)的頁面設(shè)計(jì) （93）
3.1.1　開發(fā)場景 （93）
3.1.2　任務(wù)目標(biāo) （94）
3.1.3　原理學(xué)習(xí) （94）
3.1.4　開發(fā)實(shí)踐 （100）
3.1.5　任務(wù)驗(yàn)證 （103）
3.1.6　任務(wù)小結(jié) （103）
3.1.7　思考與拓展 （104）
3.2　任務(wù)8：水位調(diào)節(jié)系統(tǒng)的頁面設(shè)計(jì) （104）
3.2.1　開發(fā)場景 （104）
3.2.2　任務(wù)目標(biāo) （104）
3.2.3　原理學(xué)習(xí) （104）
3.2.4　開發(fā)實(shí)踐 （118）
3.2.5　任務(wù)驗(yàn)證 （120）
3.2.6　任務(wù)小結(jié) （120）
3.2.7　思考與拓展 （120）
3.3　任務(wù)9：安防報(bào)警日志的頁面設(shè)計(jì) （121）
3.3.1　開發(fā)場景 （121）
3.3.2　任務(wù)目標(biāo) （121）
3.3.3　原理學(xué)習(xí) （121）
3.3.4　開發(fā)實(shí)踐 （131）
3.3.5　任務(wù)驗(yàn)證 （134）
3.3.6　任務(wù)小結(jié) （134）
3.3.7　思考與拓展 （134）
3.4　任務(wù)10：門禁遠(yuǎn)程控制的頁面設(shè)計(jì) （135）
3.4.1　開發(fā)場景 （135）
3.4.2　任務(wù)目標(biāo) （135）
3.4.3　原理學(xué)習(xí) （135）
3.4.4　開發(fā)實(shí)踐 （142）
3.4.5　任務(wù)驗(yàn)證 （145）
3.4.6　任務(wù)小結(jié) （146）
3.4.7　思考與拓展 （146）
第4章　Web開發(fā)框架 （147）
4.1　任務(wù)11：農(nóng)業(yè)土壤調(diào)節(jié)頁面的開發(fā) （147）
4.1.1　開發(fā)場景 （147）
4.1.2　任務(wù)目標(biāo) （148）
4.1.3　原理學(xué)習(xí) （148）
4.1.4　開發(fā)實(shí)踐 （154）
4.1.5　任務(wù)驗(yàn)證 （158）
4.1.6　任務(wù)小結(jié) （159）
4.1.7　思考與拓展 （159）
4.2　任務(wù)12：農(nóng)業(yè)光強(qiáng)調(diào)節(jié)頁面的開發(fā) （159）
4.2.1　開發(fā)場景 （159）
4.2.2　任務(wù)目標(biāo) （159）
4.2.3　原理學(xué)習(xí) （160）
4.2.4　開發(fā)實(shí)踐 （168）
4.2.5　任務(wù)驗(yàn)證 （172）
4.2.6　任務(wù)小結(jié) （172）
4.2.7　思考與拓展 （172）
4.3　任務(wù)13：倉庫環(huán)境管理頁面的開發(fā) （172）
4.3.1　開發(fā)場景 （173）
4.3.2　任務(wù)目標(biāo) （173）
4.3.3　原理學(xué)習(xí) （173）
4.3.4　開發(fā)實(shí)踐 （181）
4.3.5　任務(wù)驗(yàn)證 （188）
4.3.6　任務(wù)小結(jié) （189）
4.3.7　思考與拓展 （189）
第5章　Web App開發(fā) （191）
5.1　任務(wù)14：智能避障系統(tǒng)App的開發(fā) （191）
5.1.1　開發(fā)場景 （191）
5.1.2　任務(wù)目標(biāo) （192）
5.1.3　原理學(xué)習(xí) （192）
5.1.4　開發(fā)實(shí)踐 （199）
5.1.5　任務(wù)驗(yàn)證 （207）
5.1.6　任務(wù)小結(jié) （207）
5.1.7　思考與拓展 （207）
5.2　任務(wù)15：智能燃?xì)饪刂艫pp的開發(fā) （207）
5.2.1　開發(fā)場景 （207）
5.2.2　任務(wù)目標(biāo) （207）
5.2.3　原理學(xué)習(xí) （208）
5.2.4　開發(fā)實(shí)踐 （220）
5.2.5　任務(wù)驗(yàn)證 （233）
5.2.6　任務(wù)小結(jié) （233）
5.2.7　思考與拓展 （234）
第6章　物聯(lián)網(wǎng)Web應(yīng)用開發(fā)實(shí)例 （235）
6.1　任務(wù)16：物聯(lián)網(wǎng)系統(tǒng)框架及Web開發(fā)接口 （235）
6.1.1　開發(fā)場景：物聯(lián)網(wǎng)系統(tǒng)框架 （235）
6.1.2　任務(wù)目標(biāo) （235）
6.1.3　原理學(xué)習(xí)：Web開發(fā)接口 （236）
6.1.4　開發(fā)實(shí)踐：建立服務(wù)連接 （241）
6.1.5　任務(wù)驗(yàn)證 （250）
6.1.6　任務(wù)小結(jié) （252）
6.1.7　思考與拓展 （252）
6.2　任務(wù)17：物聯(lián)網(wǎng)Web應(yīng)用開發(fā) （252）
6.2.1　開發(fā)場景：倉庫環(huán)境管理系統(tǒng) （252）
6.2.2　任務(wù)目標(biāo) （252）
6.2.3　原理學(xué)習(xí)：倉庫環(huán)境管理系統(tǒng)的分析和Web應(yīng)用程序的設(shè)計(jì) （253）
6.2.4　開發(fā)實(shí)踐：倉庫環(huán)境管理系統(tǒng) （260）
6.2.5　任務(wù)驗(yàn)證 （275）
6.2.6　任務(wù)小結(jié) （277）
6.2.7　思考與拓展 （277）
參考文獻(xiàn) （279）