Web前端應(yīng)用開發(fā)技術(shù)

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