Web前端應用開發(fā)技術

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