iOS Web開發(fā)入門經典：使用HTML、CSS、JavaScript和Ajax

第ⅰ部分 入門
第1章 使用web技術開發(fā)ios應用簡介
1.1 了解ios平臺上的safari瀏覽器
1.2 開發(fā)者可以利用的主要safari特性
1.3 為ios開發(fā)web應用的四種方式
1.4 勿將手指當鼠標
1.5 資源限制和技術局限
1.6 設置本地網絡中的開發(fā)環(huán)境
第2章　相關核心技術
2.1 了解html5媒體元素
2.2 編寫javascript腳本
2.2.1 語法和基本規(guī)則
2.2.2 變量
2.2.3 運算符
2.2.4 保留字
2.2.5 基本條件表達式
2.2.6 循環(huán)
2.2.7 注釋
2.2.8 函數(shù)
2.2.9 數(shù)據(jù)類型
第3章　文檔對象模型
3.1 dom的含義
3.2 dom的樹型結構
3.3 使用javascript代碼訪問dom
3.3.1 訪問特定的元素
3.3.2 訪問一組元素
3.3.3 訪問家族成員
3.3.4 檢索特性
3.4 操作dom
3.4.1 新建元素及其他節(jié)點
3.4.2 將節(jié)點添加到dom中
3.4.3 新建其他元素
3.4.4 設置特性的值
3.4.5 移動節(jié)點
3.4.6 復制節(jié)點
3.4.7 從dom中移除節(jié)點
3.4.8 移除特性
第4章　編寫第一個hello world應用
4.1 設置
4.2 創(chuàng)建主頁文件
4.3 創(chuàng)建主屏幕
4.4 添加詳細信息頁面
第5章　為iphone和ipad啟用并優(yōu)化網站
5.1 第1級：兼容ios
5.2 第2級：導航方式較為友好
5.2.1 了解視口
5.2.2 為頁面分塊
5.2.3 定義多欄結構
5.3 第3級：自定義樣式
5.3.1 媒體查詢
5.3.2 調整文字的大小
5.3.3 案例研究：啟用一個現(xiàn)有網站
5.4 第4級：專用網站
第ⅱ部分 應用的設計
第6章　為iphone設計ui
6.1 ui設計的發(fā)展歷程
6.2 iphone的視口
6.3 了解ios的設計模式
6.3.1 為應用分類
6.3.2 在列表式ui設計中進行導航
6.3.3 應用的模式
6.4 了解屏幕布局
6.4.1 標題欄
6.4.2 全屏化的導航列表
6.4.3 目標頁面的圓角矩形設計
6.5 為觸摸操作設計ui
6.6 字體的使用
6.7 ios ui設計的最佳實踐
6.8 畫龍點睛的工作
第7章　為ipad設計ui
7.1 針對ipad的注意事項
7.1.1 設計基礎
7.1.2 處理內容滾動
7.1.3 分割視圖設計模式
7.2 針對ipad設計ui
第8章　使用css指定樣式
8.1 safari中支持的css選擇器
8.2 文字樣式
8.2.1 使用webkit-text-size-adjust控制文字大小
8.2.2 使用text-overflow處理溢出的文字
8.2.3 使用text-shadow生成細部陰影
8.3 為區(qū)塊元素設置樣式
8.3.1 使用-webkit-border-image設置圖像邊框
8.3.2 使用-webkit-border-radius設置圓角效果
8.3.3 使用-webkit-appearance設置下壓按鈕漸變色
8.3.4 多重背景圖像
8.4 設置透明度
8.5 生成基于css的ios按鈕
8.6 了解兼容性問題
第ⅲ部分 應用的開發(fā)
第9章　界面編程
9.1 應用的上層
9.1.1 使用頂級元素的樣式
9.1.2 添加頂部工具欄
9.1.3 添加頂級導航菜單
9.2 使用內部url來顯示窗格
9.3 創(chuàng)建二級導航列表
9.4 設計較長的導航列表
9.5 創(chuàng)建目標頁面
9.6 添加對話框
9.7 對ui行為進行腳本編程
9.7.1 處理文檔加載過程
9.7.2 加載標準iui頁面
9.7.3 處理鏈接點擊操作
9.7.4 加載對話框
第10章　處理觸摸交互和事件
10.1 觸摸事件的三種類型
10.2 鼠標模擬事件
10.2.1 許多事件會被自動處理
10.2.2 條件事件
10.2.3 鼠標事件：只考慮“點擊”，不考慮“移動”
10.2.4 可點擊的元素
10.2.5 事件流
10.2.6 不支持的事件
10.3 觸摸事件
10.4 手勢事件
10.5 檢測方向變化
10.6 根據(jù)方向變化移動元素的位置
10.7 捕獲屏幕鍵盤的按鍵事件
第11章　特效和動畫
11.1 漸變效果
11.1.1 生成css漸變效果
11.1.2 使用javascript生成漸變效果
11.2 添加陰影效果
11.3 添加反射效果
11.4 使用遮罩效果
11.5 生成變形特效
11.6 生成動畫效果
第12章　與ios服務集成
12.1 通過web應用打電話
12.2 發(fā)送電子郵件
12.3 發(fā)送短信
12.4 在地圖上指示位置
第13章　將應用打包為書簽：小書簽和數(shù)據(jù)url
13.1 使用小書簽
13.1.1 將小書簽添加到ios的safari中
13.1.2 了解小書簽的使用方法
13.2 將應用保存在數(shù)據(jù)url中
13.3 開發(fā)基于數(shù)據(jù)url的應用
第ⅳ部分 高級編程技術
第14章　canvas編程
14.1 識別ios的用戶代理
14.2 ios的canvas編程
14.3 定義canvas元素
14.4 獲取context對象
14.5 繪制簡單矩形
14.6 繪制其他形狀
14.7 繪制圖像
14.7.1 繪制圖像的高級方法
14.7.2 繪制編碼后的圖像
14.8 添加顏色和透明度
14.9 使用圖像來生成圖案
第15章　脫機應用
15.1 html5脫機應用緩存
15.1.1 創(chuàng)建清單文件
15.1.2 引用清單文件
15.1.3 編程控制緩存
15.1.4 檢查連接狀態(tài)
15.2 使用鍵值對存儲
15.2.1 保存鍵值對
15.2.2 加載鍵值對數(shù)據(jù)
15.2.3 刪除鍵值對數(shù)據(jù)
15.3 通過javascript使用sql數(shù)據(jù)庫
15.3.1 打開數(shù)據(jù)庫
15.3.2 查詢表
第16章　使用web應用框架進行開發(fā)
16.1 使用移動版jquery
16.2 使用iwebkit
第17章　帶寬和性能優(yōu)化
17.1 優(yōu)化方法
17.2 減少帶寬占用的最佳實踐
17.2.1 總體優(yōu)化
17.2.2 圖像優(yōu)化
17.2.3 css和javascript優(yōu)化
17.3 壓縮應用
17.3.1 gzip文件壓縮
17.3.2 javascript代碼壓縮
17.4 javascript性能優(yōu)化
17.5 局部變量與全局變量
17.6 點記法和屬性查找
17.6 1 避免嵌套調用屬性
17.6.2 訪問已命名的對象
17.6.3 在循環(huán)內部查找屬性
17.6.4 字符串的連接
17.7 注意事項
第18章　調試和部署
18.1 在開發(fā)機上模擬iphone或ipad
18.1.1 xcode中的ios模擬器
18.1.2 使用mac或windows上的safari
18.2 使用桌面版safari中的調試工具
18.2.1 使用develop菜單
18.2.2 使用safari的網頁檢查器
18.2.3 使用腳本檢查器
18.3 在ios設備上進行調試
18.3.1 調試控制臺
18.3.2 dom查看器
第ⅴ部分 后續(xù)步驟：用html和javascript開發(fā)原生ios應用
第19章　為原生ios開發(fā)做準備
19.1 下載xcode
19.2 加入ios開發(fā)者計劃
19.3 獲得ios開發(fā)者證書
19.4 獲取開發(fā)者證書
19.5 添加用于測試的設備
19.6 創(chuàng)建app id
19.7 新建信息提供配置文件
19.8 安裝開發(fā)信息提供配置文件
第20章　phonegap：使用html、css和javascript開發(fā)原生應用
20.1 安裝phonegap
20.2 在xcode中新建phonegap項目
20.3 運行基本項目
20.4 將web文件添加到xcode項目中
20.5 合并web應用的代碼
20.6 調整xcode項目
20.6.1 允許外部引用
20.6.2 在safari中打開外部鏈接
20.6.3 為應用添加圖標和初始圖像
20.7 運行已調整完畢的應用
第21章　將應用提交到app store
21.1 第1步：獲得一個分發(fā)證書
21.2 第2步：新建信息提供配置文件
21.3 第3步：為應用生成一個分發(fā)版本
21.4 第4步：將應用提交到app store
附錄a　練習答案
附錄b　ios設備分辨率參考表