移動(dòng)Web應(yīng)用開(kāi)發(fā)教程：HTML5+JavaScript框架全棧App開(kāi)發(fā)

目錄
基礎(chǔ)篇


第1章Web開(kāi)發(fā)概念和構(gòu)架

1.1靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)

1.2描述標(biāo)記語(yǔ)言與腳本語(yǔ)言

1.3解釋語(yǔ)言與編譯語(yǔ)言

1.4跨操作系統(tǒng)平臺(tái)語(yǔ)言

1.5軟件開(kāi)發(fā)構(gòu)架

1.5.1服務(wù)器端與客戶(hù)端軟件構(gòu)架(C/S)

1.5.2Web(B/S)的軟件構(gòu)架

1.6HTTP

1.6.1HTTP請(qǐng)求包

1.6.2HTTP響應(yīng)包

1.7Web應(yīng)用的開(kāi)發(fā)環(huán)境

1.7.1Web服務(wù)器

1.7.2瀏覽器

1.7.3代碼編程工具

練習(xí)

第2章HTML基本結(jié)構(gòu)

2.1最簡(jiǎn)單的HTML頁(yè)面結(jié)構(gòu)

2.2HTML基本語(yǔ)法

2.3HTML標(biāo)簽與屬性

2.4HTML特殊符號(hào)與轉(zhuǎn)義符

2.5HTML網(wǎng)頁(yè)的語(yǔ)言定義

2.6HTML標(biāo)簽元素的屬性詳解

2.7HTML常用標(biāo)簽

2.7.1form表單標(biāo)簽

2.7.2table表格標(biāo)簽

2.7.3div和span區(qū)塊標(biāo)簽

2.7.4img圖像標(biāo)簽

2.7.5a超級(jí)鏈接標(biāo)簽

2.7.6ul和ol列表標(biāo)簽

練習(xí)

第3章HTML+CSS樣式

3.1CSS樣式表

3.2CSS的語(yǔ)法

3.3CSS樣式結(jié)構(gòu)

3.3.1內(nèi)聯(lián)樣式表

3.3.2內(nèi)部樣式表

3.3.3外部樣式表

3.4CSS選擇器

3.5選擇器組合定義

3.6CSS顏色、長(zhǎng)度和字體單位

3.6.1顏色單位

3.6.2長(zhǎng)度單位

3.6.3字體單位

3.6.4CSS字體定義

3.7CSS盒子模型

3.8網(wǎng)頁(yè)設(shè)計(jì)的忠告

練習(xí)

第4章HTML+CSS+JavaScript

4.1JavaScript語(yǔ)言

4.2JavaScript的基本語(yǔ)法

4.3JavaScript的結(jié)構(gòu)

4.4JavaScript函數(shù)詳解

4.5JavaScript的DOM技術(shù)

4.6JavaScript的面向?qū)ο缶幊?br />
4.6.1內(nèi)置對(duì)象

4.6.2原生對(duì)象

4.6.3宿主對(duì)象

4.6.4創(chuàng)建對(duì)象和訪(fǎng)問(wèn)對(duì)象屬性方法

4.7JavaScript事件驅(qū)動(dòng)

4.8JavaScript的AJAX異步通信技術(shù)

4.9JSON： JavaScript對(duì)象表示法

4.9.1JSON的特性

4.9.2JSON的語(yǔ)法

4.10JavaScript的jQuery框架

4.11JavaScript和jQuery代碼風(fēng)格

練習(xí)

進(jìn)階篇

第5章HTML 5概要

5.1HTML標(biāo)準(zhǔn)制定時(shí)間表

5.2HTML 5的發(fā)展

5.3HTML 5在移動(dòng)領(lǐng)域的應(yīng)用

5.4HTML 5+CSS 3+JavaScript規(guī)范新特性

5.5HTML 5與瀏覽器

5.6HTML 5驗(yàn)證及回退機(jī)制

5.6.1HTML 5功能驗(yàn)證

5.6.2HTML 5的回退機(jī)制

練習(xí)

第6章HTML 5網(wǎng)頁(yè)布局新元素

6.1語(yǔ)義化標(biāo)簽元素

6.2HTML 5文檔綱要

6.3分節(jié)(分塊)元素

6.4section元素

6.5article元素

6.6aside元素

6.7nav元素

6.8details和summary元素

6.9figure和figcaption元素

6.10address與footer元素

6.11meter元素

6.12progress元素

6.13time元素

6.14非英語(yǔ)的國(guó)際化元素

6.15其他語(yǔ)義化元素

6.16語(yǔ)義化標(biāo)簽小結(jié)

練習(xí)

第7章微格式與微數(shù)據(jù)的語(yǔ)義化布局

7.1格式化數(shù)據(jù)

7.2微數(shù)據(jù)

7.2.1微數(shù)據(jù)標(biāo)記

7.2.2微數(shù)據(jù)詞匯表

7.2.3微數(shù)據(jù)取值

7.2.4訪(fǎng)問(wèn)微數(shù)據(jù)

7.2.5微數(shù)據(jù)的應(yīng)用

7.3微格式

7.3.1標(biāo)記微格式數(shù)據(jù)

7.3.2微格式工具

7.3.3微數(shù)據(jù)與微格式比較

7.4data*自定義數(shù)據(jù)

7.4.1用dataset對(duì)象訪(fǎng)問(wèn)自定義數(shù)據(jù)

7.4.2用getAttribute()和setAttribute()訪(fǎng)問(wèn)自定義數(shù)據(jù)

7.4.3dataset和getAttribute()的區(qū)別

7.4.4data*自定義屬性與CSS

7.4.5data*自定義屬性的應(yīng)用范圍

練習(xí)

第8章深入了解CSS 3

8.1CSS 3介紹

8.2新CSS 3的屬性命名

8.3CSS 3的指令@及函數(shù)url()

8.4CSS 3的盒子特效

8.4.1透明度

8.4.2圓角

8.4.3陰影

8.4.4背景圖

8.4.5漸變

8.4.6過(guò)渡

8.4.7變換

8.5CSS 3的復(fù)雜選擇器

8.5.1元素屬性選擇器

8.5.2元素屬性值選擇器

8.5.3偽類(lèi)選擇器

8.5.4偽元素選擇器

8.5.5偽類(lèi)與偽元素的區(qū)別

練習(xí)

第9章HTML 5表單

9.1增強(qiáng)特性

9.1.1占位符

9.1.2自動(dòng)聚焦

9.1.3自動(dòng)完成數(shù)據(jù)列表

9.2新的input的type類(lèi)型

9.2.1數(shù)字

9.2.2日期時(shí)間

9.2.3Email、URL、顏色和搜索

9.3表單新元素

9.3.1生成密鑰

9.3.2表單輸出

9.4表單驗(yàn)證

9.4.1表單驗(yàn)證屬性

9.4.2表單驗(yàn)證樣式

9.4.3自定義表單驗(yàn)證非法信息提示

9.5HTML標(biāo)簽元素內(nèi)容可編輯屬性

練習(xí)

第10章Web字體與排版

10.1Web字體

10.2Web字體格式

10.3Web字體的導(dǎo)入

10.4Web字體的使用

10.5使用Web字體問(wèn)題

10.6排版中的字體屬性

10.7排版中的行高

10.8排版中的特殊符號(hào)

10.9排版分欄

練習(xí)

第11章畫(huà)圖

11.1畫(huà)圖功能

11.2canvas畫(huà)布

11.3畫(huà)線(xiàn)

11.3.1畫(huà)線(xiàn)外觀

11.3.2圖形形狀路徑與填充

11.4畫(huà)矩形

11.5圖形的清除

11.6畫(huà)弧線(xiàn)與圓

11.7畫(huà)曲線(xiàn)

11.8變換、漸變、透明度與陰影

11.8.1漸變

11.8.2變換

11.8.3透明度

11.8.4陰影

11.9畫(huà)布插入文字、圖片及圖案

11.9.1畫(huà)布插入文字

11.9.2畫(huà)布插入圖片

11.9.3畫(huà)布插入圖案

11.10關(guān)于3D繪圖、動(dòng)畫(huà)和矢量圖

11.10.13D繪圖

11.10.2動(dòng)畫(huà)

11.10.3矢量圖

練習(xí)

第12章文件與拖放技術(shù)

12.1File文件

12.2HTML的文件操作

12.3File API讀取文件屬性

12.4FileReader讀文件的方法和事件

12.5讀取圖片和文本文件操作

12.6通過(guò)AJAX上傳文件

12.7拖放

12.7.1拖放對(duì)象屬性draggable

12.7.2拖放對(duì)象與目標(biāo)地

12.7.3拖放事件的產(chǎn)生

12.7.4拖放事件的處理過(guò)程

12.7.5瀏覽器外部的拖放

練習(xí)

第13章History API

13.1瀏覽器翻頁(yè)與URL地址

13.2瀏覽器翻頁(yè)與AJAX技術(shù)

13.3History對(duì)象與瀏覽器翻頁(yè)

練習(xí)

第14章視頻音頻播放

14.1瀏覽器播放視頻音頻

14.2視頻音頻格式及轉(zhuǎn)換

14.3視頻音頻的標(biāo)簽元素

14.3.1video和audio標(biāo)簽元素

14.3.2source標(biāo)簽

14.3.3track標(biāo)簽

14.4JavaScript API控制播放

練習(xí)

第15章客戶(hù)端數(shù)據(jù)存儲(chǔ)

15.1數(shù)據(jù)存儲(chǔ)

15.1.1數(shù)據(jù)存儲(chǔ)方式比較

15.1.2Cookie與Web本地存儲(chǔ)比較

15.2Web本地?cái)?shù)據(jù)存儲(chǔ)

15.2.1localStorage和sessionStorage對(duì)象

15.2.2Web存儲(chǔ)的事件處理

15.2.3保存其他數(shù)據(jù)類(lèi)型

15.3數(shù)據(jù)庫(kù)存儲(chǔ)

15.3.1Web SQL

15.3.2IndexedDB

練習(xí)

第16章離線(xiàn)應(yīng)用

16.1離線(xiàn)應(yīng)用概述

16.2離線(xiàn)應(yīng)用原理

16.3創(chuàng)建緩存清單

16.4離線(xiàn)應(yīng)用事件與緩存更新

16.5Web服務(wù)器設(shè)置

練習(xí)

第17章WebSocket通信與Workers多線(xiàn)程

17.1Web通信

17.2WebSocket通信方式

17.3專(zhuān)用的WebSocket服務(wù)器

17.4WebSocket客戶(hù)端編程

17.5Workers多線(xiàn)程編程

17.6Workers的編程實(shí)現(xiàn)

17.7Workers編程注意事項(xiàng)

練習(xí)

移動(dòng)篇

第18章Web移動(dòng)應(yīng)用新領(lǐng)域

18.1Web移動(dòng)應(yīng)用的發(fā)展概況

18.2移動(dòng)App與桌面App

18.3Web App與Native App

18.4移動(dòng)Web開(kāi)發(fā)設(shè)計(jì)方法及優(yōu)化

18.4.1前端開(kāi)發(fā)模式

18.4.2后端開(kāi)發(fā)模式

18.4.3響應(yīng)式Web設(shè)計(jì)

18.4.4單頁(yè)面應(yīng)用

18.4.5混合式應(yīng)用

18.4.6移動(dòng)Web開(kāi)發(fā)優(yōu)化

練習(xí)

第19章移動(dòng)Web響應(yīng)式設(shè)計(jì)

19.1關(guān)于視口、像素和分辨率

19.1.1屏幕分辨率、像素、像素密度與CSS問(wèn)題

19.1.2視口

19.2媒體查詢(xún)選擇器

19.2.1Media媒體查詢(xún)

19.2.2viewport的縮放技術(shù)

19.2.3使用viewport的效果比較

19.3流體網(wǎng)格布局

19.3.1網(wǎng)格布局

19.3.2將CSS的塊單位從像素變成百分?jǐn)?shù)

19.3.3字體的流式布局

19.4動(dòng)態(tài)圖片處理

19.5BootStrap——一個(gè)Web響應(yīng)式框架

練習(xí)

第20章移動(dòng)Web UI設(shè)計(jì)

20.1人機(jī)交互的UI設(shè)計(jì)

20.1.1人機(jī)交互的發(fā)展

20.1.2移動(dòng)設(shè)備的交互特殊性

20.2菜單、導(dǎo)航與標(biāo)簽欄

20.3圖標(biāo)、按鈕擬物化設(shè)計(jì)與扁平化風(fēng)格

20.4表單

20.5表格

20.6jQuery Mobile類(lèi)庫(kù)

20.6.1jQuery Mobile的設(shè)計(jì)風(fēng)格

20.6.2jQuery Mobile UI控件

20.6.3jQuery Mobile移動(dòng)事件