Windows 8 開發權威指南：HTML5和JavaScript卷主要講解如何用HTML5和JavaScript在Windows 8環境下開發MicrosoftDesign風格的新應用程式。《Windows 8 開發權威指南：HTML5 和JavaScript卷》包括的主要內容為：VisualStudio 2012的新特性、MicrosoftDesign新特性、HTML5和JavaScript概述及新特性、基於HTML5和JavaScript開發MicrosoftDesign Blank App、Microsoft Design控制項大全、基於HTML5和JavaScript開發MicrosoftDesign Grid App、開發Microsoft Design Split App、開發MicrosoftDesign導航應用程式、開發Microsoft Design固定布局應用程式等，HTML5在Windows8下開發Microsoft Design經典案例，以及如何將程式發布到Windows 8商店。
《Windows 8 開發權威指南：HTML5和JavaScript卷》適合程式設計師閱讀，也適合作為大中專院校的學習用書，以及計算機培訓學校的教材。
基本介紹
- 書名：Windows8開發權威指南：HTML5和JavaScript卷
- 作者：尹成
- 定價：59
- 出版社：人民郵電出版社
- 出版時間：2013年5月
- 裝幀：精裝
微軟(中國)有限公司開發工具及平台事業部技術顧問總監 趙立威撰文推薦
傳智播客java著名講師黎活明鼎力推薦
講解了Windows 8平台上用HTML5和JavaScript進行開發的核心技術
實例講解了用HTML5和JavaScript開發Windows 8 UI應用程式
富有創造力的UI和典型的APP 實例使您的開發與眾不同
講解了Windows 8平台上用HTML5和JavaScript進行開發的核心技術
實例講解了用HTML5和JavaScript開發Windows 8 UI應用程式
富有創造力的UI和典型的APP 實例使您的開發與眾不同
Windows8開發權威指南：HTML5和JavaScript卷 目錄：
第1章 Visual Studio 2012的新特性
1.1 如何安裝Windows 8
1.1.1 安裝配置要求
1.1.2 使用“自定義”選項安裝Windows 8
1.1.3 注意事項
1.2 如何安裝Visual Studio 2012
1.2.1 安裝配置要求
1.2.2 安裝過程
1.3 Microsoft Design新特性
1.3.1 有一個支持多個視圖的視窗
1.3.2 套用與觸控和筆輸入協作良好
1.3.3 套用可彼此交談
1.3.4 套用具有新的控制項和UI設計面
1.3.5 套用使用磁貼而非圖示
1.3.6 採用已知的語言編寫套用
1.3.7 在Windows套用商店中銷售你的套用
1.4 Visual Studio 2012新特性
1.4.1 Windows Microsoft Design樣式應用程式
1.4.2 Visual Studio IDE
1.4.3 語言
1.4.4 應用程式生命周期管理和Team Foundation Server
1.4.5 ASP.NET 4.5和Web開發
1.4.6 其他改進
第2章 HTML5 JavaScript概述以及新特性
2.1 HTML5概述
2.1.1 什麼是HTML5
2.1.2 新的文檔類型
2.1.3 腳本和連結無需添加type屬性
2.1.4 用於繪畫的畫布(canvas元素)
2.1.5 用於媒介播放的video和audio元素
2.1.6 新的特殊內容元素
2.1.7 新的表單控制項
2.2 JavaScript概述
2.2.1 什麼是JavaScript
2.2.2 第一個JavaScript程式
2.2.3 JavaScript的新特性
2.3 IE10與CSS3
2.3.1 使用CSS3添加圓角
2.3.2 使用CSS3添加投影
2.3.3 使用CSS3創建酷炫十足的按鈕
2.3.4 使用CSS3增強網站的樣式設計
2.3.5 IE 10概述
2.4 HTML5
2.4.1 HTML5添加音頻
2.4.2 HTML5添加視頻
2.4.3 HTML5添加位置感知
2.4.4 捕獲照片和視頻
2.4.5 HTML5本地存儲的套用
2.4.6 管理啟動、掛起和回復
2.4.7 支持設備
2.4.8 訪問檔案和資料夾
第3章 基於HTML5 JavaScript開發Microsoft Design Blank App
3.1 Microsoft Design控制項大全
3.1.1 超連結(a)
3.1.2 套用欄(AppBar)
3.1.3 音頻
3.1.4 按鈕
3.1.5 畫布
3.1.6 複選框
3.1.7 上下文選單
3.1.8 日期選取器
3.1.9 電子郵件輸入框
3.1.10 檔案上傳
3.1.11 彈性框
3.1.12 翻轉視圖
3.1.13 彈出視窗
3.1.14 格線
3.1.15 格線視圖
3.1.16 HTML控制項
3.1.17 浮動框架(iframe)
3.1.18 列表視圖
3.1.19 訊息對話框
3.1.20 分級
3.2 Microsoft Design基礎開發講解
3.2.1 套用欄
3.2.2 上下文選單
3.2.3 布局和視圖
3.2.4 筆和觸筆輸入
3.2.5 資源
3.2.6 磁貼
3.2.7 訊息通知
3.3 Microsoft Design Blank App案例
3.3.1 創建Hello，World套用
3.3.2 使用加速計回響用戶移動
3.3.3 使用指南針確定當前的方位
第4章 基於HTML5 JavaScript開發Microsoft Design Grid App
4.1 Microsoft Design Grid App概述
4.1.1 格線項目模板預覽
4.1.2 格線模板的項目檔案介紹
4.1.3 格線模板的工作原理及套用的生命周期
4.1.4 格線模板的工作原理之導航模型
4.1.5 格線模板的工作原理之向項目模板中添加數據
4.2 添加頁面轉換動畫
4.3 添加套用欄
4.3.1 示例概述
4.3.2 示例效果實現
4.4 如何使格線可選並顯示上下文套用欄命令
4.4.1 ListView概述
4.4.2 示例概述
4.4.3 示例效果實現
4.5 添加SemanticZoom控制項
4.5.1 添加SemanticZoom控制項概述
4.5.2 添加SemanticZoom控制項的實現
4.6 在格線中顯示多尺寸項
4.6.1 格線的尺寸概述
4.6.2 在格線中顯示多尺寸項示例概述
4.6.3 在格線中顯示多尺寸項示例實現
第5章 基於HTML5 JavaScript開發Microsoft Design Split App
5.1 Microsoft Design Split App概述
5.1.1 拆分模板的項目檔案介紹
5.1.2 拆分模板的工作原理之套用的生命周期
5.1.3 拆分模板的工作原理之導航模型
5.1.4 拆分模板的工作原理之向項目模板中添加數據
5.1.5 拆分模板的工作原理之處理視圖狀態
5.1.6 拆分模板的工作原理之CSS樣式
5.2 創建部落格閱讀器
5.2.1 在Visual Studio中創建新項目
5.2.2 啟動我們的新MicrosoftDesign風格套用
5.2.3 更改標題和背景色
5.2.4 替換示例數據
5.2.5 更新items的PageControl
5.2.6 更新拆分頁PageControl
5.3 對部落格閱讀器的完善
5.3.1 添加項詳細信息PageControl
5.3.2 添加帶有顯示項目詳細信息頁面命令的套用欄
5.3.3 從拆分頁PageControl導航到項詳細信息PageControl
5.4 唐詩兩三首
5.4.1 唐詩兩三首概述
5.4.2 新建項目
5.4.3 引入套用需要的圖像
5.4.4 修改套用的數據（data.js）
5.4.5 修改split.js、items.html和split.html
5.4.6 修改CSS
5.4.7 修改套用在開始螢幕上的名稱
5.4.8 運行套用“唐詩兩三首”
第6章 基於HTML5 JavaScript開發Microsoft Design導航應用程式
6.1 Microsoft Design風格套用的導航設計
6.1.1 分層系統
6.1.2 平面系統
6.1.3 導航剖析
6.1.4 通過輕掃邊緣進行導航
6.1.5 使用標題選單和部分標籤進行導航
6.1.6 使用篩選、透視、排序和查看進行導航
6.2 使用單頁導航
6.3 支持導航
6.3.1 如何引用內容
6.3.2 如何連結到外部網頁
6.3.3 如何創建混合外部應用程式
6.3.4 如何要求HTTPS連結
6.3.5 連結指南和清單
6.4 導航與導航歷史案例
6.4.1 新建項目
6.4.2 新建sample-utils
6.4.3 新建場景選擇頁scenario-select.html
6.4.4 導航內容的編寫
6.4.5 修改default.js
6.4.6 運行結果
第7章 基於HTML5 JavaScript開發Microsoft Design固定布局應用程式
7.1 固定布局概述
7.1.1 基本概念
7.1.2 自適應縮放
7.2 固定布局項目模板
7.2.1 default.html
7.2.2 default.css
7.2.3 default.js
7.2.4 其他檔案
7.3 案例：touch game之界面篇
7.3.1 檔案結構
7.3.2 主頁homepage
7.3.3 遊戲界面gamepage
7.3.4 規則界面rulespage
7.3.5 分數排行界面scorespage
7.3.6 製作人員界面creditspage
7.4 案例：兩個小工具的介紹
7.4.1 天氣預報
7.4.2 設定鎖屏
7.5 案例：Snooker
7.5.1 檔案結構
7.5.2 default.html
7.5.3 Site.css
7.5.4 CanvasPrototype.js
7.5.5 Vector2D.js
7.5.6 碰撞動作相關處理
第8章 HTML5 Windows 8 Microsoft Design經典案例
8.1 Microsoft Design多點觸控程式範例
8.1.1 Windows 8觸控概述
8.1.2 使用JavaScript的多點觸控案例
8.2 Microsoft Design雲存儲程式範例之漫遊應用程式數據
8.2.1 漫遊應用程式數據概述
8.2.2 訪問Live服務數據
8.3 Microsoft Design手寫識別範例
8.3.1 檔案結構
8.3.2 default.html
8.3.3 simpleInk.js
8.4 Microsoft Design感測器範例之確定設備的方向
8.5 Microsoft Design攝像頭範例
8.5.1 檔案結構
8.5.2 html
8.5.3 sample-utils.css
8.5.4 sample-utils.js
8.5.5 showoptionsui.js
第9章 將程式發布到Windows 8商店
9.1 如何註冊Windows 8商店
9.2 如何打包應用程式
9.2.1 Visual Studio 2012“套用商店”選單介紹
9.2.2 應用程式包介紹
9.3 如何發布程式到Windows 8商店
9.3.1 鼓勵開發人員在開始編碼之前訪問套用商店開發人員入口網站
9.3.2 協助制定套用商店技術要求
9.3.3 直接從應用程式包提取信息
9.3.4 跟蹤認證狀態
1.1 如何安裝Windows 8
1.1.1 安裝配置要求
1.1.2 使用“自定義”選項安裝Windows 8
1.1.3 注意事項
1.2 如何安裝Visual Studio 2012
1.2.1 安裝配置要求
1.2.2 安裝過程
1.3 Microsoft Design新特性
1.3.1 有一個支持多個視圖的視窗
1.3.2 套用與觸控和筆輸入協作良好
1.3.3 套用可彼此交談
1.3.4 套用具有新的控制項和UI設計面
1.3.5 套用使用磁貼而非圖示
1.3.6 採用已知的語言編寫套用
1.3.7 在Windows套用商店中銷售你的套用
1.4 Visual Studio 2012新特性
1.4.1 Windows Microsoft Design樣式應用程式
1.4.2 Visual Studio IDE
1.4.3 語言
1.4.4 應用程式生命周期管理和Team Foundation Server
1.4.5 ASP.NET 4.5和Web開發
1.4.6 其他改進
第2章 HTML5 JavaScript概述以及新特性
2.1 HTML5概述
2.1.1 什麼是HTML5
2.1.2 新的文檔類型
2.1.3 腳本和連結無需添加type屬性
2.1.4 用於繪畫的畫布(canvas元素)
2.1.5 用於媒介播放的video和audio元素
2.1.6 新的特殊內容元素
2.1.7 新的表單控制項
2.2 JavaScript概述
2.2.1 什麼是JavaScript
2.2.2 第一個JavaScript程式
2.2.3 JavaScript的新特性
2.3 IE10與CSS3
2.3.1 使用CSS3添加圓角
2.3.2 使用CSS3添加投影
2.3.3 使用CSS3創建酷炫十足的按鈕
2.3.4 使用CSS3增強網站的樣式設計
2.3.5 IE 10概述
2.4 HTML5
2.4.1 HTML5添加音頻
2.4.2 HTML5添加視頻
2.4.3 HTML5添加位置感知
2.4.4 捕獲照片和視頻
2.4.5 HTML5本地存儲的套用
2.4.6 管理啟動、掛起和回復
2.4.7 支持設備
2.4.8 訪問檔案和資料夾
第3章 基於HTML5 JavaScript開發Microsoft Design Blank App
3.1 Microsoft Design控制項大全
3.1.1 超連結(a)
3.1.2 套用欄(AppBar)
3.1.3 音頻
3.1.4 按鈕
3.1.5 畫布
3.1.6 複選框
3.1.7 上下文選單
3.1.8 日期選取器
3.1.9 電子郵件輸入框
3.1.10 檔案上傳
3.1.11 彈性框
3.1.12 翻轉視圖
3.1.13 彈出視窗
3.1.14 格線
3.1.15 格線視圖
3.1.16 HTML控制項
3.1.17 浮動框架(iframe)
3.1.18 列表視圖
3.1.19 訊息對話框
3.1.20 分級
3.2 Microsoft Design基礎開發講解
3.2.1 套用欄
3.2.2 上下文選單
3.2.3 布局和視圖
3.2.4 筆和觸筆輸入
3.2.5 資源
3.2.6 磁貼
3.2.7 訊息通知
3.3 Microsoft Design Blank App案例
3.3.1 創建Hello，World套用
3.3.2 使用加速計回響用戶移動
3.3.3 使用指南針確定當前的方位
第4章 基於HTML5 JavaScript開發Microsoft Design Grid App
4.1 Microsoft Design Grid App概述
4.1.1 格線項目模板預覽
4.1.2 格線模板的項目檔案介紹
4.1.3 格線模板的工作原理及套用的生命周期
4.1.4 格線模板的工作原理之導航模型
4.1.5 格線模板的工作原理之向項目模板中添加數據
4.2 添加頁面轉換動畫
4.3 添加套用欄
4.3.1 示例概述
4.3.2 示例效果實現
4.4 如何使格線可選並顯示上下文套用欄命令
4.4.1 ListView概述
4.4.2 示例概述
4.4.3 示例效果實現
4.5 添加SemanticZoom控制項
4.5.1 添加SemanticZoom控制項概述
4.5.2 添加SemanticZoom控制項的實現
4.6 在格線中顯示多尺寸項
4.6.1 格線的尺寸概述
4.6.2 在格線中顯示多尺寸項示例概述
4.6.3 在格線中顯示多尺寸項示例實現
第5章 基於HTML5 JavaScript開發Microsoft Design Split App
5.1 Microsoft Design Split App概述
5.1.1 拆分模板的項目檔案介紹
5.1.2 拆分模板的工作原理之套用的生命周期
5.1.3 拆分模板的工作原理之導航模型
5.1.4 拆分模板的工作原理之向項目模板中添加數據
5.1.5 拆分模板的工作原理之處理視圖狀態
5.1.6 拆分模板的工作原理之CSS樣式
5.2 創建部落格閱讀器
5.2.1 在Visual Studio中創建新項目
5.2.2 啟動我們的新MicrosoftDesign風格套用
5.2.3 更改標題和背景色
5.2.4 替換示例數據
5.2.5 更新items的PageControl
5.2.6 更新拆分頁PageControl
5.3 對部落格閱讀器的完善
5.3.1 添加項詳細信息PageControl
5.3.2 添加帶有顯示項目詳細信息頁面命令的套用欄
5.3.3 從拆分頁PageControl導航到項詳細信息PageControl
5.4 唐詩兩三首
5.4.1 唐詩兩三首概述
5.4.2 新建項目
5.4.3 引入套用需要的圖像
5.4.4 修改套用的數據（data.js）
5.4.5 修改split.js、items.html和split.html
5.4.6 修改CSS
5.4.7 修改套用在開始螢幕上的名稱
5.4.8 運行套用“唐詩兩三首”
第6章 基於HTML5 JavaScript開發Microsoft Design導航應用程式
6.1 Microsoft Design風格套用的導航設計
6.1.1 分層系統
6.1.2 平面系統
6.1.3 導航剖析
6.1.4 通過輕掃邊緣進行導航
6.1.5 使用標題選單和部分標籤進行導航
6.1.6 使用篩選、透視、排序和查看進行導航
6.2 使用單頁導航
6.3 支持導航
6.3.1 如何引用內容
6.3.2 如何連結到外部網頁
6.3.3 如何創建混合外部應用程式
6.3.4 如何要求HTTPS連結
6.3.5 連結指南和清單
6.4 導航與導航歷史案例
6.4.1 新建項目
6.4.2 新建sample-utils
6.4.3 新建場景選擇頁scenario-select.html
6.4.4 導航內容的編寫
6.4.5 修改default.js
6.4.6 運行結果
第7章 基於HTML5 JavaScript開發Microsoft Design固定布局應用程式
7.1 固定布局概述
7.1.1 基本概念
7.1.2 自適應縮放
7.2 固定布局項目模板
7.2.1 default.html
7.2.2 default.css
7.2.3 default.js
7.2.4 其他檔案
7.3 案例：touch game之界面篇
7.3.1 檔案結構
7.3.2 主頁homepage
7.3.3 遊戲界面gamepage
7.3.4 規則界面rulespage
7.3.5 分數排行界面scorespage
7.3.6 製作人員界面creditspage
7.4 案例：兩個小工具的介紹
7.4.1 天氣預報
7.4.2 設定鎖屏
7.5 案例：Snooker
7.5.1 檔案結構
7.5.2 default.html
7.5.3 Site.css
7.5.4 CanvasPrototype.js
7.5.5 Vector2D.js
7.5.6 碰撞動作相關處理
第8章 HTML5 Windows 8 Microsoft Design經典案例
8.1 Microsoft Design多點觸控程式範例
8.1.1 Windows 8觸控概述
8.1.2 使用JavaScript的多點觸控案例
8.2 Microsoft Design雲存儲程式範例之漫遊應用程式數據
8.2.1 漫遊應用程式數據概述
8.2.2 訪問Live服務數據
8.3 Microsoft Design手寫識別範例
8.3.1 檔案結構
8.3.2 default.html
8.3.3 simpleInk.js
8.4 Microsoft Design感測器範例之確定設備的方向
8.5 Microsoft Design攝像頭範例
8.5.1 檔案結構
8.5.2 html
8.5.3 sample-utils.css
8.5.4 sample-utils.js
8.5.5 showoptionsui.js
第9章 將程式發布到Windows 8商店
9.1 如何註冊Windows 8商店
9.2 如何打包應用程式
9.2.1 Visual Studio 2012“套用商店”選單介紹
9.2.2 應用程式包介紹
9.3 如何發布程式到Windows 8商店
9.3.1 鼓勵開發人員在開始編碼之前訪問套用商店開發人員入口網站
9.3.2 協助制定套用商店技術要求
9.3.3 直接從應用程式包提取信息
9.3.4 跟蹤認證狀態
