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

目錄
基礎(chǔ)篇


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

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

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

1.3解釋語言與編譯語言

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

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

1.5.1服務(wù)器端與客戶端軟件構(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)用的開發(fā)環(huán)境

1.7.1Web服務(wù)器

1.7.2瀏覽器

1.7.3代碼編程工具

練習(xí)

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

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

2.2HTML基本語法

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

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

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

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的語法

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)頁設(shè)計(jì)的忠告

練習(xí)

第4章HTML+CSS+JavaScript

4.1JavaScript語言

4.2JavaScript的基本語法

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ì)象和訪問對(duì)象屬性方法

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

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

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

4.9.1JSON的特性

4.9.2JSON的語法

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)頁布局新元素

6.1語義化標(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非英語的國(guó)際化元素

6.15其他語義化元素

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

練習(xí)

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

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訪問微數(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ì)象訪問自定義數(shù)據(jù)

7.4.2用getAttribute()和setAttribute()訪問自定義數(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過渡

8.4.7變換

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

8.5.1元素屬性選擇器

8.5.2元素屬性值選擇器

8.5.3偽類選擇器

8.5.4偽元素選擇器

8.5.5偽類與偽元素的區(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類型

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字體問題

10.6排版中的字體屬性

10.7排版中的行高

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

10.9排版分欄

練習(xí)

第11章畫圖

11.1畫圖功能

11.2canvas畫布

11.3畫線

11.3.1畫線外觀

11.3.2圖形形狀路徑與填充

11.4畫矩形

11.5圖形的清除

11.6畫弧線與圓

11.7畫曲線

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

11.8.1漸變

11.8.2變換

11.8.3透明度

11.8.4陰影

11.9畫布插入文字、圖片及圖案

11.9.1畫布插入文字

11.9.2畫布插入圖片

11.9.3畫布插入圖案

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

11.10.13D繪圖

11.10.2動(dòng)畫

11.10.3矢量圖

練習(xí)

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

12.1File文件

12.2HTML的文件操作

12.3File API讀取文件屬性

12.4FileReader讀文件的方法和事件

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

12.6通過AJAX上傳文件

12.7拖放

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

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

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

12.7.4拖放事件的處理過程

12.7.5瀏覽器外部的拖放

練習(xí)

第13章History API

13.1瀏覽器翻頁與URL地址

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

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

練習(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章客戶端數(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ù)類型

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

15.3.1Web SQL

15.3.2IndexedDB

練習(xí)

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

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

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

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

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

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

練習(xí)

第17章WebSocket通信與Workers多線程

17.1Web通信

17.2WebSocket通信方式

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

17.4WebSocket客戶端編程

17.5Workers多線程編程

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開發(fā)設(shè)計(jì)方法及優(yōu)化

18.4.1前端開發(fā)模式

18.4.2后端開發(fā)模式

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

18.4.4單頁面應(yīng)用

18.4.5混合式應(yīng)用

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

練習(xí)

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

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

19.1.1屏幕分辨率、像素、像素密度與CSS問題

19.1.2視口

19.2媒體查詢選擇器

19.2.1Media媒體查詢

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類庫

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

20.6.2jQuery Mobile UI控件

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